2013-10-23 19 views
1
<!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驗證插件的小問題。jQuery表單驗證錯誤,沒有回覆

爲什麼驗證不起作用?這是因爲我鏈接到了錯誤的庫嗎?我真的不明白什麼是錯的,所以我決定粘貼整個驗證腳本。請看看我的代碼。

回答

2

你的代碼工作正常here

它seems.you忘記添加jQuery庫

添加其他庫

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

的波紋線頂部感謝ü非常samitha –

+0

所以,將其作爲答案 – underscore