Вызов функций в формах HTML - PullRequest
       0

Вызов функций в формах HTML

1 голос
/ 21 февраля 2011

Возникли серьезные проблемы с установлением простой связи между кнопками формы и функциями javaScript.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Examples of Strings</title>

<script type="text/javascript">
//<![CDATA[
// declarations
//]]>
</script>
</head>
<body>
<h1>Basic Calculator</h1>

<form action="form_action.asp" method="get">
  First Variable: <input type="text" name="tb1" /><br />
  Second Variable: <input type="text" name="tb2" /><br />
  Result: <input type="text" name="result" /><br />
  <input type="button" name="b1" value="Submit" onclick="myAdd()" /><br />
</form>

<script type="text/javascript">
//<![CDATA[



<asp:Button id="b1" runat="server" OnClick="documment.myAdd()"></asp:Button>



function myAdd(tb1, tb2){

    var result = tb1 + tb2;
    alert(result);
    return result;
}




//]]>
</script>
</body>
</html>

Кнопка (b1) должна возвращать значения в tb1 и tb2.Примечание: в конечном итоге он должен представлять значение в tb3, но в целях отладки в данный момент tb3 ничего не делает.

1 Ответ

1 голос
/ 21 февраля 2011

В среде браузера window - это глобальный объект, а не document.

Вы также можете опустить его, и область автоматически разрешится до window.

Кроме того, вы не передаете аргументы своей функции.Вы должны просто дать им атрибут id и ссылку, используя document.getElementById().

Что-то вроде этого должно сделать это (при условии, что вы добавляете атрибут id согласно коду) ...

window.onload = function() {

    document.getElementById('my-form').onsubmit = function() {

        document.getElementById('result').value = parseInt(document.getElementById('tb1').value, 10) + parseInt(document.getElementById('tb1').value, 10);

        return false;
    };

};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...