欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!
您现在的位置:web记录 > 前端开发 > JavaScript >

dedecms自定义表单验证

更新时间:2014-04-16 浏览次数:

很多时候我们都用到dedecms的自定义表单来和用户交流,但是如果对用户输入的内容不加验证很可能导致大量的垃圾信息提交。这里介绍的是用前端JavaScript来验证用户输入的信息,并给于友好的提示。
案例

<script>
function checkInf2(obj){
var  _name = obj.name.value, _year = obj.year.value, _email=obj.email.value, _tel=obj.tel.value, _tit=obj.tit.value, _con=obj.con.con;
var tel = /^1[3|5|8][0-9]\d{8}$/; //电话验证
var email = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; //邮箱验证
if(!_name)
{alert('请输入您的姓名!');return false;}
 
if(!_year){alert('请输入您的年龄!'); return false;}
 
 
        if(!_email){alert('请输入您的邮箱!'); return false;}
if(!email.test(_email)){alert('抱歉,您的邮箱格式不正确!');return false;}
 
 
        if(!_tel){alert('请输入您的电话!'); return false;}
if(!tel.test(_tel)){alert('抱歉,您的号码格式不正确!');return false;}
 
        if(!_tit){alert('请输入您留言标题!'); return false;}
if(_tit == '' || _tit.length < 2){
alert("标题长度过短,请重填!");
document.getElementById('tit').focus();
return false;
}
 
        if(!_con==''){alert('请输入您留言内容!'); return false;}
if(_con == '' || _con.length < 4){
alert("内容长度过短,请重填!");
document.getElementById('con').focus();
return false;
}
 
return true;
}
   </script>


关键词:

    + 相关信息

    前端案例

    返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!