javascript验证

Question

我是javascript的新手，我想验证三个文本框。如果我在第三个文本框中输入一个值并单击“提交”，则应显示一个警告框»输入第一个和第二个值«。

虽然这很简单，但我不知道该怎么做。

Answer 1

非常简单。输入submit时检查每个文本框的值。仅当3个框中的值不等于null时才继续提交。

粗略示例：

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或{{{}等框架3}}

Answer 4

通常，您只需要在提交按钮中添加操作。 function validate（）{ var field1 = docuemnt.getElementById（'field1'）
...... //随你验证 ... 如果（有效）
  return true;

}

使用一些框架来验证表单数据：这个示例与您的问题类似：http://www.javascript-coder.com/files/form-validation/javascript-form-validation-example.html。其他流行的js框架，jQuery，prototype，extjs都支持验证。

您可以在www.w3school.com上学习基础知识。这是一个非常酷的教程。