jQuery中未定义Javascript函数_Javascript_Jquery

jQuery中未定义Javascript函数

javascript jquery

jQuery中未定义Javascript函数,javascript,jquery,Javascript,Jquery,我对一些简单的代码有问题。我试图从输入字段中获取一个值，然后做一个简单的计算。应该使用onSubmit命令进行计算，然后将其附加到p标记中 <h1 class="titleHead">Calculator</h1> <form method="POST" action="#" onSubmit="depositCal()"> <input type="text" name="money" id="money"> <input typ

我对一些简单的代码有问题。我试图从输入字段中获取一个值，然后做一个简单的计算。应该使用

onSubmit

命令进行计算，然后将其附加到

标记中

<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>

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>

我在函数运行时返回未定义的函数

<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>

我知道这可能很简单，但是如果您想在内联js中使用函数，请在全局范围内声明函数，如果您想在内联js中使用函数，请提供任何帮助

<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>

$(document).ready(function() {
    var numberOne = $('#money').val(),
        numberTwo = 4;
    var finalNumber = numberOne + numberTwo;
})
function depositCal() {
    $('.answer').append($('#money').val() + 4);
}

您还可以通过将

函数

附加到

窗口

对象，使其成为全局函数。

如果要在内联js中使用该函数，则需要在全局范围内声明该函数

<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>

$(document).ready(function() {
    var numberOne = $('#money').val(),
        numberTwo = 4;
    var finalNumber = numberOne + numberTwo;
})
function depositCal() {
    $('.answer').append($('#money').val() + 4);
}

您还可以通过将

函数

附加到

窗口

对象，使其成为全局函数。

如果要在内联js中使用该函数，则需要在全局范围内声明该函数

<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>

$(document).ready(function() {
    var numberOne = $('#money').val(),
        numberTwo = 4;
    var finalNumber = numberOne + numberTwo;
})
function depositCal() {
    $('.answer').append($('#money').val() + 4);
}

您还可以通过将

函数

附加到

窗口

对象，使其成为全局函数。

如果要在内联js中使用该函数，则需要在全局范围内声明该函数

<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>

$(document).ready(function() {
    var numberOne = $('#money').val(),
        numberTwo = 4;
    var finalNumber = numberOne + numberTwo;
})
function depositCal() {
    $('.answer').append($('#money').val() + 4);
}

您还可以通过将

函数

附加到

窗口

对象，使其成为全局函数。

尝试以下操作：

<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>

为您的表单提供名称和ID，例如“myForm”

<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>

<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>

e、 preventDefault（）-停止表单提交（从而刷新页面），并且该函数仅在单击submit时启动

<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>

添加

<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>

numberOne从表单字段中获取其值，以便将其视为字符串。要防止出现这种情况，请改用此行：

<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>

var numberOne = parseFloat($('#money').val());

强制将值设置为（浮动）数字。

尝试以下操作：

<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>

为您的表单提供名称和ID，例如“myForm”

<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>

<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>

e、 preventDefault（）-停止表单提交（从而刷新页面），并且该函数仅在单击submit时启动

<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>

添加

<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>

numberOne从表单字段中获取其值，以便将其视为字符串。要防止出现这种情况，请改用此行：

<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>

var numberOne = parseFloat($('#money').val());

强制将值设置为（浮动）数字。

尝试以下操作：

<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>

为您的表单提供名称和ID，例如“myForm”

<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>

<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>

e、 preventDefault（）-停止表单提交（从而刷新页面），并且该函数仅在单击submit时启动

<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>

添加

<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>

numberOne从表单字段中获取其值，以便将其视为字符串。要防止出现这种情况，请改用此行：

<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>

var numberOne = parseFloat($('#money').val());

强制将值设置为（浮动）数字。

尝试以下操作：

<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>

为您的表单提供名称和ID，例如“myForm”

<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>

<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>

e、 preventDefault（）-停止表单提交（从而刷新页面），并且该函数仅在单击submit时启动

<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>

添加

<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>

numberOne从表单字段中获取其值，以便将其视为字符串。要防止出现这种情况，请改用此行：

<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>

var numberOne = parseFloat($('#money').val());

这迫使值成为一个（浮动）数。

我认为您不需要

$（文档）。准备好这里的并在函数内部计算最终数
，这样它将为您提供正确的货币
输入值，否则您将得到NaN
或空值-
<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>

function depositCal() {
    var numberOne = $('#money').val(),
        numberTwo = 4;
    var finalNumber = numberOne + numberTwo;
    $('.answer').append(finalNumber);
}

我想您不需要$（文档）。准备好这里的并在函数内部计算最终数
，这样它将为您提供正确的货币
输入值，否则您将得到NaN
或空值-
<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>

function depositCal() {
    var numberOne = $('#money').val(),
        numberTwo = 4;
    var finalNumber = numberOne + numberTwo;
    $('.answer').append(finalNumber);
}

我想您不需要$（文档）。准备好这里的并在函数内部计算最终数
，这样它将为您提供正确的货币
输入值，否则您将得到NaN
或空值-
<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>

function depositCal() {
    var numberOne = $('#money').val(),
        numberTwo = 4;
    var finalNumber = numberOne + numberTwo;
    $('.answer').append(finalNumber);
}

我想您不需要$（文档）。准备好这里的并在函数内部计算最终数
，这样它将为您提供正确的货币
输入值，否则您将得到NaN
或空值-
<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>

function depositCal() {
    var numberOne = $('#money').val(),
        numberTwo = 4;
    var finalNumber = numberOne + numberTwo;
    $('.answer').append(finalNumber);
}

您必须将函数定义保留在$（document）.ready（）
之外，因为首先加载整个文档，然后调用$（document）.ready（）
。因此，在加载表单时，浏览器将存款作为未定义的查找，因为它是在文档完全加载后定义的…因此将存款定义保留在全局范围内
您必须将存款函数定义保留在$（document.ready（）
,，因为首先加载整个文档，然后调用$（document）.ready（）
，所以在加载表单时，浏览器将存款作为未定义的查找，因为它是在文档完全加载后定义的…因此将存款定义保留在全局范围内
您必须将存款函数定义保留在$（document.ready（）
,，因为首先加载整个文档，然后调用$（document）.ready（）
，所以在加载表单时，浏览器将存款作为未定义的查找，因为它是在文档完全加载后定义的…因此将存款定义保留在全局范围内
您必须将存款函数定义保留在$（document.ready（）
,，因为首先加载整个文档，然后调用$（document）.ready（）
。因此，在加载表单时，浏览器会将存款视为未定义的，因为它是在文档完全加载后定义的，…所以将存款定义保留在全局范围内
移动存款（）
在$（文档）之外的函数。ready（function（）
。在文档之外声明您的函数。ready。您不需要它。如果我这样做，我得到的最终编号没有定义？您还需要
<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>