纯JavaScript验证

-1

我累做有效的电子邮件和必填字段验证，但这个功能我做巫婆我想只用纯JavaScript做保留节目只需要EM纯JavaScript验证

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>JS valdation</title> 
    <script type="text/javascript"> 
     function validateForm() { 
      var email = document.getElementById('emailaddress'); 
      var name = document.getElementById('username'); 
      var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
      if (email.value == "" || name.value == "") { 
       document.getElementById("required").style.display = "block"; 
       document.getElementById("required_email").style.display = "block"; 
       document.getElementById("valide_email").style.display = "none"; 
      } 
      else if(!filter.test(email.value)) { 
       document.getElementById("valide_email").style.display = "block"; 
       document.getElementById("required").style.display = "none"; 
      } 
      return false; 
     } 
    </script> 
</head> 
<body> 
<form name="myForm" action="" onsubmit="return validateForm();" method="post"> 
Email: <input id="emailaddress" type="text" name="email"> 
<input type="submit" value="Submit"> 
<em id="valide_email" style="display:none">please enter a valid email ex:([email protected])</em> 
<em id="required_email" style="display:none">this filed is required</em> 
First name: <input id="username" type="text" name="fname"> 
<em id="required" style="display:none">this filed is required</em> 
</form> 
</body> 
</html>

来源

2011-11-26 user974946

那么你的问题是什么？ – number5

我想显示电子邮件有效时的valide_email em – user974946

http://www.ex-parrot.com/pdw/Mail-RFC822-Address.html，只是不要。 – Anders

在你的CSS样式表添加这两个类（或标识的）

#valide_email.visible, #required_email.visible { 
    visibility:hidden; /*or display: none or whatever*/ 
} 
#valide_email.hidden, #required_email.hidden { 
    visibility:visible; 
}

在JavaScript中你可以改变他们之间的阶级隐藏和可见这样的：

来源

2011-11-26 14:09:57

纯JavaScript验证

回答

相关问题