2014-04-16 175 views
1

我的問題是我想驗證我的表單輸入槽jquery.validate。這是我的腳本jQuery表單驗證工作不正確

$(document).ready(function() { 

$('#formreg').validate({ 
    rules: { 
     Username: { 
      required: true, 
      email: true 
     }, 
     Password: { 
      required: true, 
      minlength: 8 
     }, 
     Password2:{ 
      required:true, 
      minlength:8 
     }, 
     Name:{ 
      required:true 
     }, 
     Lastname:{ 
      required:true 
     }, 
     Address:{ 
      required:true 
     }, 
     Telephone:{ 
      required:true 
     } 
    } 
}); 
return false; 
}); 

與上面的代碼,我回來只對電子郵件,密碼2和地址的唯一驗證錯誤,我想驗證錯誤的所有表單輸入。謝謝

這是我的HTML表單

<form action="#" method="post" accept-charset="utf-8" id="formreg">  
<input type="text" name="Username" value="" id="Username"> 
<input type="password" name="Password" value="" id="Password" /> 
<input type="password" name="Password2" value="" id="Password2"/> 
<input type="text" name="Name" value="" id="Name"/> 
<input type="text" name="Lastname" value="" id="Lastname" /> 
<input type="text" name="Address" value="" id="Address" /> 
<input type="text" name="Telephone" value="" id="Telephone" />  
<button name="Login" type="button" onclick="submitform();">Register</button> 

+3

爲什麼在DOM準備好處理函數中有'return false'?這沒有任何意義。另外,您需要顯示錶單的相關HTML標記。我們還應該知道爲什麼你的代碼不工作? – Sparky

+0

我已刪除「返回false」,併發布了我的html表單,謝謝! – user3537552

回答

0

你的按鈕...

<button name="Login" type="button" onclick="submitform();">Register</button> 

你不需要任何內嵌JavaScript與jQuery。而且您肯定不需要爲jQuery Validate插件提供onclick處理程序。

更改typesubmit和刪除內聯單擊處理...

<button name="Login" type="submit">Register</button> 

你也不能把return false到您的DOM準備處理...

$(document).ready(function() { 

    $('#formreg').validate({ 
     // your rules 
    }); 

    // return false; // <- REMOVE THIS LINE 

}); 

工作示例:http://jsfiddle.net/M9Y6L/1/

+0

我使用的是「按鈕」,因爲我在我的css上「提交」時遇到了一些問題。 onClick處理程序調用一個不同的函數,而不是jQuery validate插件。它只是提交表單... – user3537552

+0

@ user3537552,這也可能是什麼打破了你的代碼。如果你會檢查我的代碼,我也使用'

+0

是的,你是對的,它與提交按鈕一起工作!非常感謝!有沒有辦法讓我的提交按鈕獨立於表單? – user3537552