wuruize888 2017-05-20 19:13 采纳率: 66.7%
浏览 856
已采纳

一个jquery判断表单的代码,请师傅们帮看看。谢谢

自己练习做个自动表单判断的代码,现存在一个问题,因为涉及到判断用户输入信息是否正确,有个提示信息,现在可以通过setErrmsg提示,正确后不能通过reErrmsg删除,有个想法,通过errid来设置每次插入的li的id,然后在根据这个标记在删除,现在看来技术存在很大问题,因为errid不同步貌似,哪位师傅帮忙一下,或有没有其它办法,谢谢。


<form>
    <div>
        <input id="input1" type="text" mtype="str:4:15">   
        <span>
            <ul>信息插这里</ul>
        </span>
        这里的str:4:15代表str是处理字符串,最小4个,最长15个。
            <input id="input2" type="text" mtype="str:4:15">     
        <span>
            <ul>信息插这里</ul>
        </span>
        <input type="submit" value="submit">
    </div>
    </form>




$(function () {

    var bool = true;
    var aA = "[a-zA-Z]"; 
    var aAs = "[a-zA-Z0-9_]"; 
    var errc = "[~!@#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“'。,、?]"; 
    var errid = 0;   
    //var 

    $('form :input').keyup(function () {

        var jqs = $("#" + $(this).attr("id")).attr("mtype");
        var inValue = $(this).val();
        var mtystr = jqs.split(":")[0].toLocaleUpperCase();
        var minl = jqs.split(":")[1];
        var maxl = jqs.split(":")[2];
        var errmsg = "";
        $(this).attr("maxlength", maxl);

        var thisID = $(this).attr("id");

        errid++;

        if (mtystr === "STR") { //处理数据

            var fi = new RegExp(aA + "+");
            var re = new RegExp(aA + "+" + aAs + "*");
            var err = new RegExp(errc);
            var removeid;

            var errmsg = "";

            if (err.test(inValue)) {
                alert(thisID);
                setErrmsg(thisID, errid, "请不要输入特殊字符!");
                bool = false;
            } else {
                reErrmsg(thisID, errid);
                //bool = true;
            }

            if (!fi.test(inValue)) {
                alert(thisID);
                setErrmsg(thisID, errid, "此处首字符必须是字母!");
                bool = false;
            } else {
                reErrmsg(thisID, errid);
                //bool = true;
            }

            if (!re.test(inValue)) {
                alert(thisID);
                setErrmsg(thisID, errid, "请按照标准填写,首位是字母+数字形式!");
                bool = false;
            } else {
                reErrmsg(thisID, errid);

            }

            if (inValue.length < minl || inValue.length > maxl) {
                alert(thisID);
                setErrmsg(thisID, errid, "输入值的长度要求至少" + minl + "个字符,最多" + maxl + "个字符。");
                bool = false;
            } else {
                reErrmsg(thisID, errid);
            }



        } else if (mtystr === "INT") {

            var intstr = "^[0-9]+$";
            var ints = new RegExp(intstr);

            if (!ints.test(inValue)) {
                alert(thisID);
                setErrmsg(thisID, errid, "请输入数字格式,且不能有小数点。");
                bool = false;
            } else {
                reErrmsg(thisID, errid);
            }

            if (inValue.length < minl || inValue.length > maxl) {
                alert(thisID);
                setErrmsg(thisID, errid, "输入值的长度要求至少" + minl + "个字符,最多" + maxl + "个字符。");
                bool = false;
            } else {
                reErrmsg(thisID, errid);
            }

        } else if (mtystr === "MAIL") {
            var mailstr = "^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z])+$";
            var mails = new RegExp(mailstr);

            if (!mails.test(inValue)) {
                alert(thisID);
                setErrmsg(thisID, errid, "请输入正确的邮箱地址。");
                bool = false;
            } else {
                reErrmsg(thisID, errid);
            }

        }

        return bool;
    });

    $('form :submit').click(function () {
        if (bool) {
            return true;
        } else {
            return false;
        }
    });

    function setErrmsg(obj, errid, errinfo) {//用于插入span里信息的函数
        obj = $("#" + obj);
        alert("obj=" + obj + " errid=" + errid + " errinfo=" + errinfo);
        obj.next("span").find("ul").find("#" + errid).remove();
        obj.next("span").find("ul").append("<li id=\"" + errid + "\">" + errinfo + "</li>");
    }

    function reErrmsg(obj, errid) { //用于从span里删除信息的函数
        obj = $("#" + obj);
        obj.next("span").find("ul").find("#" + errid).remove();
    }

});


展开全部

  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2017-05-20 19:43
    关注

    id你可以结合input的id,然后不同错误加不同前缀来确定,而不是通过errId全局变量,要不你errId一直增加获取不到对应的错误li容器

    
            $('form :input').keyup(function () {
    
                var jqs = $("#" + $(this).attr("id")).attr("mtype");
                var inValue = $(this).val();
                var mtystr = jqs.split(":")[0].toLocaleUpperCase();
                var minl = jqs.split(":")[1];
                var maxl = jqs.split(":")[2];
                var errmsg = "";
                $(this).attr("maxlength", maxl);
    
                var thisID = $(this).attr("id");
    
                errid++;
    
                if (mtystr === "STR") { //处理数据
    
                    var fi = new RegExp(aA + "+");
                    var re = new RegExp(aA + "+" + aAs + "*");
                    var err = new RegExp(errc);
                    var removeid;
    
                    var errmsg = "";
    
                    if (err.test(inValue)) {
                      //  alert(thisID);
                        setErrmsg(thisID, thisID + 'errc', "请不要输入特殊字符!");////////////
                        bool = false;
                    } else {
                        reErrmsg(thisID, thisID + 'errc');////////////
                        //bool = true;
                    }
    
                    if (!fi.test(inValue)) {
                    //    alert(thisID);
                        setErrmsg(thisID, thisID + 'aA', "此处首字符必须是字母!");////////////
                        bool = false;
                    } else {
                        reErrmsg(thisID, thisID + 'aA');////////////
                        //bool = true;
                    }
    
                    if (!re.test(inValue)) {
                       // alert(thisID);
                        setErrmsg(thisID, thisID + 'aAs', "请按照标准填写,首位是字母+数字形式!");////////////
                        bool = false;
                    } else {
                        reErrmsg(thisID, thisID + 'aAs');////////////
    
                    }
    
                    if (inValue.length < minl || inValue.length > maxl) {
                       /// alert(thisID);
                        setErrmsg(thisID, thisID + 'Length', "输入值的长度要求至少" + minl + "个字符,最多" + maxl + "个字符。");////////////
                        bool = false;
                    } else {
                        reErrmsg(thisID, thisID + 'Length');////////////
                    }
    
    
    
                } else if (mtystr === "INT") {
    
                    var intstr = "^[0-9]+$";
                    var ints = new RegExp(intstr);
    
                    if (!ints.test(inValue)) {
                        //alert(thisID);
                        setErrmsg(thisID, thisID + 'Num', "请输入数字格式,且不能有小数点。");////////////
                        bool = false;
                    } else {
                        reErrmsg(thisID, thisID + 'Num');////////////
                    }
    
                    if (inValue.length < minl || inValue.length > maxl) {
                       /// alert(thisID);
                        setErrmsg(thisID, thisID + 'Length', "输入值的长度要求至少" + minl + "个字符,最多" + maxl + "个字符。");////////////
                        bool = false;
                    } else {
                        reErrmsg(thisID, thisID + 'Length');////////////
                    }
    
                } else if (mtystr === "MAIL") {
                    var mailstr = "^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z])+$";
                    var mails = new RegExp(mailstr);
    
                    if (!mails.test(inValue)) {
                       // alert(thisID);
                        setErrmsg(thisID, thisID + 'Email', "请输入正确的邮箱地址。");////////////
                        bool = false;
                    } else {
                        reErrmsg(thisID, thisID + 'Email');////////////
                    }
    
                }
    
                return bool;
            });
    
    

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 爱快路由器端口更改错误导致无法访问
  • ¥20 安装catkin时遇到了如下问题请问该如何解决呢
  • ¥15 VAE模型如何输出结果
  • ¥15 编译python程序为pyd文件报错:{"source code string cannot contain null bytes"
  • ¥20 关于#r语言#的问题:广义加行模型拟合曲线后如何求拐点
  • ¥15 fluent设置了自动保存后,会有几个时间点不保存
  • ¥20 激光照射到四象线探测器,通过液晶屏显示X、Y值
  • ¥50 数据库开发问题求解答
  • ¥15 安装anaconda时报错
  • ¥15 小程序有个导出到插件方式,我是在分包下引入的插件,这个export的路径对吗,我看官方文档上写的是相对路径
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部