简单表单验证的公共函数

首先要添加require=”req” valid-type=”需要验证的”

<ul class="forminfo">
                <li><label>姓名<b>*</b></label><input name="staff_name" class="dfinput" value="" type="text" require="req" valid-type="normal"><label></label></li>
                <li><label>工号<b>*</b></label><input name="user_id" class="dfinput" value="" type="text"></li>
                <li><label>密码<b>*</b></label><input name="password" class="dfinput" value="" type="text" require="req" valid-type="pwd" style="width: 202px;"><label></label></li>
                <li><label>手机号码<b>*</b></label><input name="phone" class="dfinput" value="" type="text" require="req" valid-type="mobi"><label></label></li>
                <li><label>联系地址<b>*</b></label><input name="addr" class="dfinput" value="" type="text" require="req" valid-type="addr"><label></label></li>
                </ul>

底部加一个script

$("#submit").click(function(){

            var ret=true;
            $("input[require=req]").each(function () {  //需要验证的input
              ret=$(this).VALID()?ret:false;
            });

外部引用的script

;$.fn.extend({
    VALID:function(){
        var tipstr="";
        var vStr=$(this).val();
        var ret=false;
        switch($(this).attr("valid-type")) {
            case "int":
                ret=(/^[0-9]{1,12}$/g).test(vStr);
                tipstr=ret?(''):("请输入1-12位数码!");
                break;
            case "mobi":
                ret=(/^(1[3|5|8])\d{9}$/g).test(vStr);
                tipstr=ret?(''):("请输入有效手机号码!");
                break;
            case "phone":
                ret=(/^[0-9]{3,4}[-]{0,1}[0-9]{7,8}$/g).test(vStr);
                tipstr=ret?(''):("请输入有效电话号码!");
                break;
            case "normal":
                ret=(/^\w+$/g).test(vStr);
                tipstr=ret?(''):("请输入内容!");
                break;
            case "email":
                ret=(/^[\w\.]+@[a-z0-9-]+\.[a-z]{2,4}(\.[a-z]{2,4})*$/gi).test(vStr);
                tipstr=ret?(''):("请输入有效的邮箱地址!");
                break;
            case "addr":
                ret=(/^[\w]{6,}$/gi).test(vStr);
                tipstr=ret?(''):("请输入6位以上长度地址!");
                break;
            case "pwd":
                ret=(/^[\w]{6,16}$/gi).test(vStr);
                tipstr=ret?(''):("请输入6~16位密码!");
                break;
            default:

        }
        $(this).next('label').html(tipstr);
        return ret;
    }
});
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值