现在的位置: 首页学习笔记>正文
PHP项目表单JS验证
发表于5年前 学习笔记 评论数 1

昨天整理了一注册的代码.

今天就给项目加上JS验证,

这样我们注册表单就有双重验证了.

代码如下

PHPJS验证 这次不加高亮效果了.

凑合看啊.

//表单JS验证

 

var fm =document.getElementsByTagName('form')[0];

fm.onsubmit=function(){

if(fm.username.value.length<2||fm.username.value.length>20)

{

alert('用户名不能小于2位,大于20位');

fm.username.value='';//清空

fm.username.focus();//将焦点移至到输入框

return false;

}

if(/[<>\'\"\ \ ]/.test(fm.username.value))

{

alert('用户名不得包括非法字符');

fm.username.value='';

fm.username.focus();//

return false;

}

if(fm.password.value.length<6||fm.username.value.length>20)

{

alert('密码长度不能小于6位,大于20位');

fm.password.value='';

fm.password.focus();

return false;

}

if(fm.password.value!=fm.password1.value)

{

alert('密码和确认密码不一样');

fm.password1.value='';

fm.password1.focus();

return false;

}

//密码提示与回答

if (fm.question.value.length < 2 || fm.question.value.length > 20) {

alert('密码提示不得小于2位或者大于20位');

fm.question.value = ''; //清空

fm.question.focus(); //将焦点以至表单字段

return false;

}

if (fm.answer.value.length < 2 || fm.answer.value.length > 20) {

alert('密码回答不得小于2位或者大于20位');

fm.answer.value = ''; //清空

fm.answer.focus(); //将焦点以至表单字段

return false;

}

if (fm.answer.value == fm.question.value) {

alert('密码提示和密码回答不得相等');

fm.answer.value = ''; //清空

fm.answer.focus(); //将焦点以至表单字段

return false;

}

 

//邮箱验证

if (!/^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/.test(fm.email.value)) {

alert('邮件格式不正确');

fm.email.value = ''; //清空

fm.email.focus(); //将焦点以至表单字段

return false;

}

 

//QQ号码

if (fm.qq.value != '') {

if (!/^[1-9]{1}[\d]{4,9}$/.test(fm.qq.value)) {

alert('QQ号码不正确');

fm.qq.value = ''; //清空

fm.qq.focus(); //将焦点以至表单字段

return false;

}

}

 

//网址

if (fm.url.value != '') {

if (!/^https?:\/\/(\w+\.)?[\w\-\.]+(\.\w+)+$/.test(fm.url.value)) {

alert('网址不合法');

fm.url.value = ''; //清空

fm.url.focus(); //将焦点以至表单字段

return false;

}

}

 

//验证码验证

if (fm.code.value.length != 4) {

alert('验证码必须是4位');

fm.code.value = ''; //清空

fm.code.focus(); //将焦点以至表单字段

return false;

}

 

 

return true;

};

};

 

×
腾讯微博