<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form id="userinfo" action="">
<label>E-mail:<input type="email" name="email" /></label>
<label>电话:<input type="tel" name="tel" /></label>
<input type="submit" value="提交" />
</form>
<script>
document.getElementById('userinfo').onsubmit = function(e){
var shouldSubmit = true;
var email = this.elements.namedItem('email').value.trim();
var tel = this.elements.namedItem('tel').value.trim();
if(email === ""){
alert("E-mail是必填项");
shouldSubmit = false;
}
if(tel === ""){
alert("电话是必填项");
shouldSubmit = false;
}
if(!/\w+@\w/.test(email)){
alert("E-mail格式不正确");
shouldSubmit = false;
}
if(!/\d+/.test(tel)){
alert("电话格式不正确");
shouldSubmit = false;
}
if(!shouldSubmit){
e.preventDefault();
}
};
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form id="userinfo" action="">
<label>E-mail:<input type="email" name="email" /></label>
<label>电话:<input type="tel" name="tel" /></label>
<input type="submit" value="提交" />
</form>
<script>
document.getElementById('userinfo').onsubmit = function(e){
var shouldSubmit = true;
var email = this.elements.namedItem('email').value.trim();
var tel = this.elements.namedItem('tel').value.trim();
if(email === ""){
alert("E-mail是必填项");
shouldSubmit = false;
}
if(tel === ""){
alert("电话是必填项");
shouldSubmit = false;
}
if(!/\w+@\w/.test(email)){
alert("E-mail格式不正确");
shouldSubmit = false;
}
if(!/\d+/.test(tel)){
alert("电话格式不正确");
shouldSubmit = false;
}
if(!shouldSubmit){
e.preventDefault();
}
};
</script>
</body>
</html>