Question

我正在创建一个表单验证器，但警报不会触发。这是代码块...... 编辑：我放了。在提交之前，是的，我已经将脚本包含在开头......

<form id="validationForm">
    <label for="email">Email</label>
    <input id="email" type="email" /> <br>
    <label for="Telephone">Telephone</label>
    <input id="Telephone" type="number" /><br> 
    <label for="Password">Password</label>
    <input id="Password" type="Password" /><br>
    <label for="ConfirmPassword">Confirm Password</label>
    <input id="ConfirmPassword" type="Password" /><br>
    <input id="submit" type="submit" value="Done" />
</form>

</div>
<script>
$("#validationForm").submit(function(event) {
    alert("working");
});

</script>

Answer 1

在从普通对象访问属性时应该使用一个拼写错误的点

$("#validationForm").submit(function(event) {
--------------------^
    alert("working");
});

Answer 2

＆＃13;

$("#validationForm").submit(function(event) {
    alert("working");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="validationForm">
  <label for="email">Email</label>
  <input id="email" type="email" />
  <br>
  <label for="Telephone">Telephone</label>
  <input id="Telephone" type="number" />
  <br>
  <label for="Password">Password</label>
  <input id="Password" type="Password" />
  <br>
  <label for="ConfirmPassword">Confirm Password</label>
  <input id="ConfirmPassword" type="Password" />
  <br>
  <input id="submit" type="submit" value="Done" />
</form>

</div>

＆＃13;

您在提交（）之前错过了点标记。

Answer 3

。（点）在提交丢失之前，只需放置它就可以正常工作

$("#validationForm").submit(function(event) {
    alert("working");
});

Answer 4

代码中缺少点。

<script>
$("#validationForm").submit(function(event) {
    alert("working");
});

</script>

Answer 5

检查您的JQuery版本。取决于您可以拥有的版本不同的语法。

同时

在代码中添加一个点和防止默认方法，如下所示：

$("#validationForm").submit(function(event) { alert("working"); event.preventDefault(); });

Fiddle demo

警报不会触发，jquery表单验证

5 个答案: