2010-06-21 47 views
1

这是我使用的表单验证脚本:如何验证JavaScript中的电子邮件字段?

<script language="JavaScript"> 

function formCheck(formobj){ 
    var fieldRequired = Array("Name", "Email", "Phone", "comments"); 
    var fieldDescription = Array("Name", "Email", "Phone", "Comments"); 
    var alertMsg = "Please complete the following fields:\n"; 

    var l_Msg = alertMsg.length; 

    for (var i = 0; i < fieldRequired.length; i++){ 
     var obj = formobj.elements[fieldRequired[i]]; 
     if (obj){ 
      switch(obj.type){ 
      case "select-one": 
       if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){ 
        alertMsg += " - " + fieldDescription[i] + "\n"; 
       } 
       break; 
      case "select-multiple": 
       if (obj.selectedIndex == -1){ 
        alertMsg += " - " + fieldDescription[i] + "\n"; 
       } 
       break; 
      case "text": 
      case "textarea": 
       if (obj.value == "" || obj.value == null){ 
        alertMsg += " - " + fieldDescription[i] + "\n"; 
       } 
       break; 
      default: 
      } 
      if (obj.type == undefined){ 
       var blnchecked = false; 
       for (var j = 0; j < obj.length; j++){ 
        if (obj[j].checked){ 
         blnchecked = true; 
        } 
       } 
       if (!blnchecked){ 
        alertMsg += " - " + fieldDescription[i] + "\n"; 
       } 
      } 
     } 
    } 

    if (alertMsg.length == l_Msg){ 
     return true; 
    }else{ 
     alert(alertMsg); 
     return false; 
    } 
} 
// --> 
</script> 


<form onsubmit="return formCheck(this);" action="/capture.weblead" method="post"> 
First Name: <input type=text name="FirstName" size="25"><br> 
Last Name: <input type=text name="LastName" size="25"><br> 
<input type=submit value="Submit Form"> 
</form> 

这只是它不用于验证真实的电子邮件地址的伟大工程。如何改变这种形式,以便它呢?

该脚本不能包含任何美元符号,否则Tomcat(我的服务器环境)崩溃。

+10

您应该解决您的服务器上使用正则表达式。 – SLaks 2010-06-21 17:47:35

+1

重复:http://stackoverflow.com/questions/46155/validate-email-address-in-javascript http://stackoverflow.com/questions/2783672/email-validation-javascript http://stackoverflow.com/questions/940577/javascript-regular-expression-email-validation – 2010-06-21 17:49:03

+1

Tomcat肯定可以提供包含“$”字符的脚本。此外,很难验证电子邮件地址的*语法*,以及*不可能*判断它是否真实。 – Pointy 2010-06-21 17:51:28

回答

0

这是一个快速和肮脏的解决方案。修改emailRegexp变量的值以满足您的需求。这里已经有一些例子。正如波蒂指出的那样,假阳性通常比假阴性通常要好。

function formCheck(formobj){ 
    var fieldRequired = Array("Name", "Email", "Phone", "comments"); 
    var fieldDescription = Array("Name", "Email", "Phone", "Comments"); 
    var alertMsg = "Please complete the following fields:\n"; 
    var emailRegexp =/@/; 

    var l_Msg = alertMsg.length; 

    for (var i = 0; i < fieldRequired.length; i++){ 
     var obj = formobj.elements[fieldRequired[i]]; 
     if (obj){ 
      switch(obj.type){ 
      case "select-one": 
       if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){ 
        alertMsg += " - " + fieldDescription[i] + "\n"; 
       } 
       break; 
      case "select-multiple": 
       if (obj.selectedIndex == -1){ 
        alertMsg += " - " + fieldDescription[i] + "\n"; 
       } 
       break; 
      case "text": 
      case "textarea": 
       if (obj.value == "" || 
        obj.value == null || 
        (fieldRequired[i] == "Email" && !obj.value.match(emailRegexp))) 
       { 

        alertMsg += " - " + fieldDescription[i] + "\n"; 
       } 


       break; 
      default: 
      } 
      if (obj.type == undefined){ 
       var blnchecked = false; 
       for (var j = 0; j < obj.length; j++){ 
        if (obj[j].checked){ 
         blnchecked = true; 
        } 
       } 
       if (!blnchecked){ 
        alertMsg += " - " + fieldDescription[i] + "\n"; 
       } 
      } 
     } 
    } 

    if (alertMsg.length == l_Msg){ 
     return true; 
    }else{ 
     alert(alertMsg); 
     return false; 
    } 
}