你的位置:首页 > Java教程

[Java教程]Html5页面使用javascript setCutomValidity()函数验证表单判断输入


<!DOCTYPE HTML>
<head>
<meta charset="UTF-8">
<title>Html5页面使用javascript验证表单判断输入</title>
<script language="javascript">
function check(){
    var pass1=document.getElementbyid("pass1");
    var pass2=document.getElementbyid("pass2");
    if (pass1.value!=pass2.value){
        pass2.setCustomvalidity("密码不一致");
    else        
        pass2.setCustomvalidity("");
    }
    var email=document.getElementbyid("email");
    if (!email.checkValidity())
        email.setCustomvalidity("请输入正确的email地址");
}
</script>
</head>
<form id="testForm" onsubmit="return check()">
    密码:<input type="password" name="pass1" id="pass1" /><br/>
    确认密码:<input type="password" name="pass2" id="pass2" /><br/>
    Email:<input type="email" name="email"  id="email" /><br/>
    <input type="submit" />
</form>