我有一些简单的代码问题。我正在尝试从输入字段中获取一个值，然后进行简单的计算。该计算应该通过onSubmit命令进行，然后将其附加到p标签中。
HTML：
<h1 class="titleHead">Calculator</h1>
<form method="POST" action="#" onSubmit="depositCal()">
<input type="text" name="money" id="money">
<input type="submit" value="How much" onSubmit="">
</form>
<div>
<p class="answer"></p>
</div>
Javascript：
$(document).ready(function() {
var numberOne = $('#money').val(),
numberTwo = 4;
var finalNumber = numberOne + numberTwo;
function depositCal() {
$('.answer').append(finalNumber);
}
})
当运行时，我得到未定义的函数。
我知道这可能非常简单，但是任何帮助将不胜感激。
试试这个：
给您的表单一个名称和ID，例如“ myForm”
JS
$('#myForm').submit(function(e){
e.preventDefault();
var numberOne = $('#money').val();
var numberTwo = 4;
var finalNumber = numberOne + numberTwo;
$('.answer').append(finalNumber);
});
e.preventDefault（）-停止提交表单（从而刷新页面），并且仅在单击提交时才触发该功能。
添加
numberOne正在从表单字段获取其值，因此将其视为字符串。为了防止这种情况，请改用以下行：
var numberOne = parseFloat($('#money').val());
这将强制该值为浮点数。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句