Question

求ajax进行表单验证的例子，多谢

求ajax进行表单验证的例子，验证信箱格式是否正确。

一个表单，有一个对象名为email,想用AJAX实现这样的效果：
当点击"提交"按钮时，如果格式有误，EMAIL右边提示“信箱格式不对”一句话。

多谢！

Answer 1

<form name="form1">
<table>
<tr><td>邮箱</td><td><input type="text" id="accemail" name="email" onchange="validateemail();" onfocus="changeAll();"></td><td id="err" style="display:none"><font color="red">email format error!</font></td></tr>
</table>
</form>
<script>
function changeAll(){
err.style.display="none";
}
function validateemail(){
var accemail = document.getElementById("accemail");
if (!accemail.value == "") {
var reg =/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
var bool = reg.test(accemail.value);
if (bool == false) {
err.style.display="";
accemail.focus();
return;
}
}
}
</script>

Answer 2

用正则就搞定了

Answer 3

没必要用ajax增加服务器负担

ajax用在
例如
要查是否这个email已经被注册等这样的功能上

//验证管理员电子邮件
function validateEmail(){
var emailRegx=/^[0-9a-zA-Z_\-\.]+@[0-9a-zA-Z_\-]+(\.[0-9a-zA-Z_\-]+)*$/;
$('emailError').innerHTML="";
if(arguments[0].value.length==0){
$('emailError').innerHTML="电子邮件必须填写"
return false;
}else if(!(emailRegx.test(arguments[0].value))){
$('emailError').innerHTML="电子邮件格式错误"
return false;
}
return true;
}