我在javascript中的电子邮件验证无法正常工作

Question

我的代码在下面两个都在不同的页面

<tr>
  <td width="100">email:</td><td width="100"><input type="email" name="mailid" id="mail" onKeyUp="validateemail()" required></td><td><label id="vem"></label></td>
</tr>

JS

function validateemail() {
    var chmail=document.getElementById("mail");
    if(chmail.match(/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/))
    {
        producePrompt("valid email","vem","green"); 
        return false;

    }

    producePrompt("email invalid","vem","red"); 
        return true;


}

Answer 1

var chmail=document.getElementById("mail"); //returns the input element.

替换为

var chmail=document.getElementById("mail").value; // returns the value

FIDDLE

旁注：希望在代码中的某处定义producePrompt（）。