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

发布网友发布时间：2022-04-26 22:20

共3个回答

热心网友时间：2022-04-23 01:24

<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>

热心网友时间：2022-04-23 02:42

用正则就搞定了

热心网友时间：2022-04-23 04:17

没必要用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;
}