JS var 声明 - 由于变量保持相同值的函数问题导致错误的验证

Question

我正在对表单“文本输入”进行验证。 如果用户将输入留空，则函数将开始运行。如果该字段大于 1 - 那么它不会进入该函数。

问题是： 第一次，用户将输入留空，函数运行，我收到了警报 - 没关系。 第二次，用户在 AGE 输入中添加了 10 - 他再次收到警报 - 但他不应该这样做。

笔记： 年龄输入值，从不同的函数（计算）返回到名为：result 的 var。

这是代码：

$(document).ready(function(){
$('#btn_send').click(function(){
    //var result gets the value ffrom another function of input "Age" value. -> return thisform.Age.value
    var result = calc(document.getElementById("campaignform")); 
        if (result<1)
        {
            $("#campaignform").submit(function(event) {
            event.preventDefault(); alert ("prevent default");
            });
        }
        else{
        return true;
        };
});

});

因此，如果您第二次尝试单击“提交”，则会进入 $('#btn_send').click(function() ，即使您在 AGE（作为结果返回）输入中添加了例如 67，您也会进入IF 语句是： if (result<1)

我对开发还很陌生，所以我希望你能理解我。 抱歉，如果我有错误。 你能建议这个问题的更好的标题是什么吗？

提前致谢， 沙伊

Answer 1

        $("#campaignform").submit(function(event) {

向表单添加一个事件处理程序，以便将来每次提交表单时，都会调用该函数。您再也不会删除该事件处理程序，因此即使在更正该字段之后，每次提交时仍会调用默认阻止函数。

可以使用 unbind 方法删除 jQuery 事件处理程序，但通常最好避免大量添加和删除处理程序。更简单，也更可靠，因为捕获按钮点击可能无法获取所有表单提交，因此在一个静态 submit 事件处理程序中完成所有操作，例如：

$('#campaignform').submit(function(ev){
    var result= calc(this);
    if (result<1) {
        ev.preventDefault();
        alert('prevent default');
    }
});