無法阻止提交表單驗證失敗時

Question

DEMO

<form method="post" action="forms/post.asp" onsubmit="return validate();"> 
    <input type="text" name="username" /> 
    <button type="submit" onclick="validate();">Button</button> 
</form> 

我做了它在其他網頁工作，但它根本不會現在什麼工作。有什麼建議麼？

$(document).ready(function(){ 
    function validate() { 
     return false; 
    } 
} 

Answer 1

從事件屬性調用的函數必須在window對象的範圍。爲了解決您的問題移動功能外jQuery的document.ready處理程序：

function validate() { 
    return false; 
} 

$(document).ready(function(){ 
    // jquery code here... 
}); 

或者，刪除過時的事件完全屬性和使用不引人注目的JS來附上事件。正如你已經使用jQuery，這裏是如何做到這一點：

<form method="post" action="forms/post.asp"> 
    <input type="text" name="username" /> 
    <button type="submit">Button</button> 
</form> 

$(document).ready(function(){ 
    $('form').submit(function(e) { 
     var valid = true; 

     // validate your form here... 

     if (!valid) 
      e.preventDefault(); // stop the submission 
    }); 
});