Question

我正在尝试在注册表单上验证用户信息。我对JQuery比较陌生，所以我很难让脚本实际运行并检查信息。现在我只是测试电子邮件地址字段是否为空。一旦我可以检查我应该能够处理生成其余的错误检查。

这是我们的 registration.html 文件

 <html>
<head><title>Registration Form: jQuery</title>

<script type="text/javascript" src="script/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="script/my_script.js"></script>
</head>
<body>

    <form id="myForm"  method="POST">
        Email Address: <input type="text" id="email"/><br />
        Password: <input type="password" id="pass"/><br />
        First Name: <input type="text" id="fName"/><br />
        Last Name: <input type="text" id="lName"/><br />
        <button id="submit">register</button>
    </form>

    <div id="ack"></div>

    <script src="registration.js"></script>

</body>

这是我一直在努力的 registration.js 文件

$(document).ready(function(){
$("#submit").click(function(){
    if($("#email").val() = "")
    {
        alert("Email Address must not be empty.");
    }
    else
    {
        alert("Success");
    }

}); 
});

任何帮助将不胜感激。如果重要，我们一直在使用Adobe PhoneGap Build生成我们网站的移动版本，我相信我们使用JQuery连接到我们的数据库。谢谢！

编辑已修复！这是我的If语句错误且未正确链接到JQuery库的组合。 chrome的控制台选项帮助很大。谢谢你们！

Answer 1

你只是缺少一个角色才能让它发挥作用。

<强> Here is a Fiddle to show it working

//incorrect
if($("#email").val() = "")

//correct
if($("#email").val() == "")

基本上，您试图将空字符串分配给选择器的val()。

=和==以及===之间的区别是惹恼JavaScript新手的常见问题。

=   //assignment operator (x = 10)
==  //comparison operator - just checks value 
    // ('1' == 1) is true
=== //comparison operator - checks type & value
    // ('1' === 1) is false

Answer 2

你的If陈述是错误的。
应该是这样的：

if($("#email").val() == "") { 
   alert("Empty email!"); 
} else { 
  alert($("#email").val()); 
}

如果要检查一个语句中的所有字段，可以执行以下操作：

if($("#field1").val() == "" || $("#field2").val() == "") {
    alert("Empty fields in form!")
} else {
    alert("Sucess!");
}

小例子：http://jsfiddle.net/VGgvm/

使用Jquery验证表单信息

2 个答案: