javascript驗證

Question

我是JavaScript新手，我想驗證三個文本框。如果我在第三個文本框中輸入一個值並單擊提交，則警告框應顯示»輸入第一個和第二個值«。

雖然這很簡單，但我不知道該怎麼做。

Answer 1

很容易一些框架。輸入提交時，檢查每個文本框的值。僅在3個框中的值不等於空時繼續進行提交。

粗糙實施例：

ProcessSubmit() 
{ 
    if(document.getElementById("inputBox1").value=="") 
    { 
    alert("Error"); 
    return; 
    } 
    else if(document.getElementById("inputBox2").value=="") 
    { 
    alert("Error"); 
    return; 
    } 
    else if(document.getElementById("inputBox3").value=="") 
    { 
    alert("Error"); 
    return; 
    } 
    else 
    submitDetails();//This is the function in which you actually use form.submit..etc 

} 

只要實現上述功能。這是一個粗略的例子。您可以使用正則表達式進行更好的驗證，如（修剪空白，最小和最大長度等）

Answer 2

使用Jquery.Validate插件驗證輸入。 Jquery.Validate Plugin

Answer 3

因爲你是新來JavaScript，我建議你去通過JS tutorials第一，學習的基礎知識，然後移動到使用像JQuery或ExtJS

Answer 4

通常，您只需將操作添加到提交按鈕即可。 功能的validate（）{VAR 字段1 = docuemnt.getElementById（ '字段1'）
...... //驗證，只要你喜歡
... 如果（有效）
迴歸真實;

}

使用一些框架來驗證表單數據：這是樣品很像你的問題：http://www.javascript-coder.com/files/form-validation/javascript-form-validation-example.html。其他流行的js框架，jQuery，原型，extjs都支持驗證。

你可以在www.w3school.com上學習javascript basic。這是一個非常酷的教程。