2012-11-21 84 views
0

enter image description here 當我輸入名稱時,它將在文本框旁顯示「正確的符號」。你能告訴我它的編碼...我可以做這種驗證使用javascript如何進行內聯驗證

+3

是的,你可能...你到目前爲止嘗試過什麼? –

+1

你應該閱讀規則。 – GottZ

+0

驗證必須做什麼檢查? –

回答

1

是的,你可以在Javascript中進行這種類型的驗證。事實上,Javascript的主要用途之一是進行表單驗證。有多種方法可以完成它,甚至還有庫和框架(example)來執行表單驗證。

這很常見,以至於某些瀏覽器內置了驗證算法(例如,如果<input type="email">在最新的Google Chrome中看起來不像電子郵件地址,<input type="email">會投訴)。

如果您想進行驗證,您可能會感興趣的事件有幾個。當表單元素失去控制時發生onbluronkeypress只要用戶按下一個鍵就會發生。還有其他的事件。但是通常當用戶將控件的焦點從控件轉移到另一個時(onblur),您需要進行驗證。

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
    Enter name then press tab or click outside the input field: 
    <input type="text" name="fname" id="fname" onblur="validate()"/> 
</body> 
</html> 

而且validate()功能可以是這樣的:

function validate() 
{ 
    var val = document.getElementById("fname").value 
    if (/\d/.test(val)) { 
    alert("First name cannot have digits in it: " + val); 
    } 
} 

您可以搜索網絡以獲得更多信息。

+0

如果你知道任何鏈接,請與我分享這個鏈接。 – user1835080

+1

此處例如:http://tinyurl.com/mqkafh – AlexStack