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

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

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

<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>

您错过了 submit() 之前的点标记。

Answer 3

那个。（点）在提交丢失之前只需将其放置一切都会正常工作

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

Answer 4

代码中缺少点。

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

</script>

Answer 5

Check your JQuery version. Depending on the versions you can have different syntax.

还有

像这样在您的代码中添加一个点和阻止默认方法：

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

Fiddle demo

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

Alert won't fire, jquery form validation

html

javascript

forms

validation

jquery