javascript - 简单的 if/else 表单检查(应该很简单)

Question

我正在尝试在之前的项目中使用的简单 if/else。但我无法让它在新项目中发挥作用。

我已将其精简为最简单的版本。

HTML:

<form name="mainForm" action="formProc.php" method="get"  id="mainForm" onSubmit="return allChecks();" >


<input type="text" name="name" id="name"/>

</form>

JS:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready( function(){
    //formVars
    var name = $('#name');

function allChecks(){
    if(name.val()==""){
        alert("lopan"); 
        return false;
    }
    
        if(name.val()===""){
        alert("lopan"); 
        return false;
    }
    
        if(name.val()== null){
        alert("lopan"); 
        return false;
    }
return false;
}

});
</script>

我试图在表单上强制输入“false”，但它仍然转到下一页。

我还在 type="button"的表单中创建了另一个按钮，声明并使用:

var btn= $('#clearF');
btn.click(allChecks);

这行得通，但我不确定为什么。

在故障排除过程中，我注意到它进入了下一页。所以我开始尝试通过向字段添加验证来防止它转到下一页。目标是阻止它进入下一页，除非有效。

Answer 1

allChecks 对于您的标记不是“可见的”。它位于 $(document).ready() 处理程序中。要使其“可见”，只需像这样声明它:

window.allChecks=function(){