Fatal编程技术网
  • javascript/
  • Javascript 使用Jquery验证表单信息

Javascript 使用Jquery验证表单信息

javascript jquery forms validation

Javascript 使用Jquery验证表单信息,javascript,jquery,forms,validation,Javascript,Jquery,Forms,Validation,我正在验证我们注册表上的用户信息。我对JQuery比较陌生，所以在让脚本实际运行并检查信息时遇到了麻烦。现在我只是在测试Email Address字段是否为空。一旦我可以检查，我应该能够处理生成其余的错误检查 这是我们的注册.html文件 <html> <head><title>Registration Form: jQuery</title> <script type="text/javascript" src="script/jque

我正在验证我们注册表上的用户信息。我对JQuery比较陌生，所以在让脚本实际运行并检查信息时遇到了麻烦。现在我只是在测试Email Address字段是否为空。一旦我可以检查，我应该能够处理生成其余的错误检查

这是我们的注册.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>
任何帮助都将不胜感激。如果有必要的话，我们一直在使用AdobePhoneGapBuild生成我们网站的移动版本，我相信我们使用JQuery连接到我们的数据库。谢谢

编辑已修复！这是我的If语句不正确和没有正确链接到JQuery库的组合。chrome的控制台选项帮助很大。谢谢大家

你只是缺少了一个角色来让它工作

//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
您的If语句是错误的。
应该是这样的：

if($("#email").val() == "") { 
   alert("Empty email!"); 
} else { 
  alert($("#email").val()); 
}
如果要检查一条语句中的所有字段，可以执行以下操作：

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

谢谢您的关注！当我按下注册按钮时，虽然仍然没有警报。我是否链接到我的registration.js错误？只要
registration.html
和
registration.js
在同一个文件夹中，它就可以工作。尝试调试一些东西，看看它是否进入了事件侦听器<代码>$（“#提交”）。单击（函数（）{console.log（“这正在工作”）…
console.log（）
然后将在浏览器控制台中为您显示一条消息。如果您不熟悉javascript，那么控制台将成为您调试的最佳朋友。太棒了！！我不知道我可以通过chrome访问控制台。我似乎没有正确引用JQuery库，因此它不理解任何JQuery。我会在我访问之后再发回来解决这个问题。很高兴它解决了。如果一切都解决了，请继续并选择其中一个答案作为正确答案。 
if($("#field1").val() == "" || $("#field2").val() == "") {
    alert("Empty fields in form!")
} else {
    alert("Sucess!");
}