jQuery表单验证错误,没有响应

时间:2013-10-23 17:08:19

标签: javascript jquery jquery-validate

<!DOCTYPE html>
<html>
 <head>
  <title>
   jquery validation
  </title>


 </head>
 <body>

  <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.min.js" type="text/javascript"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/additional-methods.js" type="text/javascript"></script>
     <script type="text/javascript">
  $(document).ready(function(){
    $('#frmName').validate({
     rules:{
        field1:{
            required:true,
            lettersonly:true
        },
        field2:{
            required:true,
            email:true
        }
     },
     submitHandler: function (form) { // for demo
            alert('valid form submitted'); // for demo
            return false;}  

    });
  });
 </script>

 <form name="frmName" id="frmName" action="" method="post">
  Enter name:<input type="text" name="field1"></br>
  Enter E-Mail:<input type="text" name="field2"><br/>
  <input type="submit" name="submit" value="submit"/>
 </form>
 </body>
 </html>

我的jQuery Validation插件有点问题。

为什么此验证不起作用?这是因为我链接的库错了吗?我真的不明白什么是错的,所以我决定粘贴整个验证脚本。请看一下我的代码。

1 个答案:

答案 0 :(得分:2)

您的代码正常here

看来你忘了添加Jquery库

添加其他图书馆的下方线

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