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。这是一个非常酷的教程。