獲取jquery代碼留在表單完成提交後

Question

我的代碼當用戶在表單中犯了一個錯誤時，Jquery代碼向表中添加了文本。然而，文本一旦完成檢查就消失，因此僅出現短暫的瞬間。

這裏是用戶名驗證：

function validateUserName() 
{ 
    var u = document.forms["NewUser"]["user"].value 
    var uLength = u.length; 
    var illegalChars = /\W/; // allow letters, numbers, and underscores 
    if (u == null || u == "") 
    { 
     $("#ErrorUser").text("You Left the Username field Emptyyy"); 
     return false; 
    } 
    else if (uLength <4 || uLength > 11) 
    { 
     $("#ErrorUser").text("The Username must be between 4 and 11 characters"); 
     return false; 
    } 
    else if (illegalChars.test(u)) 
    { 
     $("#ErrorUser").text("The Username contains illegal charectors men!"); 
     return false; 
    } 
    else 
    { 
     return true; 
    } 
} 

Answer 1

爲了防止表單提交，你需要防止的默認操作。給這樣：

function validateUserName(e) 
{ 
    e.preventDefault(); 
    var u = document.forms["NewUser"]["user"].value; 
    var uLength = u.length; 
    var illegalChars = /\W/; // allow letters, numbers, and underscores 
    if (u == null || u == "") 
    { 
     $("#ErrorUser").text("You Left the Username field Emptyyy"); 
     return false; 
    } 
    else if (uLength <4 || uLength > 11) 
    { 
     $("#ErrorUser").text("The Username must be between 4 and 11 characters"); 
     return false; 
    } 
    else if (illegalChars.test(u)) 
    { 
     $("#ErrorUser").text("The Username contains illegal charectors men!"); 
     return false; 
    } 
    else 
    { 
     return true; 
    } 
} 

而你需要調用的事件是這樣的：基於評論：

$("form").onsubmit(validateUserName); 

---

更新。

更改<form>標籤的標記是這樣的：

<form name="NewUser" id="myform"> 

而在JavaScript中，用這樣的方式：

$("form").onsubmit(function(e){ 
    e.preventDefault(); 
    var u = document.forms["NewUser"]["user"].value; 
    var uLength = u.length; 
    var illegalChars = /\W/; // allow letters, numbers, and underscores 
    if (u == null || u == "") 
    { 
     $("#ErrorUser").text("You Left the Username field Emptyyy"); 
     return false; 
    } 
    else if (uLength <4 || uLength > 11) 
    { 
     $("#ErrorUser").text("The Username must be between 4 and 11 characters"); 
     return false; 
    } 
    else if (illegalChars.test(u)) 
    { 
     $("#ErrorUser").text("The Username contains illegal charectors men!"); 
     return false; 
    } 
    else 
    { 
     return true; 
    } 
}); 

Answer 2

如由@adeneo評論已經提到的，你需要防止你的提交表單。

<input type="submit" value="Submit" onclick="if(!validateUserName()) return false;"/> 

這會阻止您的表單在表單發生錯誤時提交數據。你已經從你的Javascript函數返回true/false，只是利用這些。