信息验证的js文件

信息验证的 js 的写法之一
(添加人员时的表单提交验证)

$(function(){    var nameflag = false;    var ageflag = false;    var didflag = false;    function checkDisView(ele,content){        //ele代表要被验证的元素，content代表要显示的提示信息        var span = ele.parent().find('span');        //用.find()获取节点        //定义span变量，接收元素的父亲的span节点        if(span)            span.remove();        //用.remove()移除节点        //如果ele的父元素有span节点，就移除        var span = $('<span id="helpBlock2" class="help-block">'+content+'</span>');        //重新定义span，将内容写上        //格式 ：var span = $('<span></span>');        ele.parent().append(span);        //将写好的span添加到ele的父节点中        //.append(元素) 添加节点    }    $('#forname').blur(function(){          var value = $(this).val();          if(value.trim()!=""){              $(this).parent().parent().removeClass('has-error');              $(this).parent().parent().addClass('has-success');              checkDisView($(this),'姓名录入合法');              nameflag = true;          }          else{              $(this).parent().parent().removeClass('has-success');              $(this).parent().parent().addClass('has-error');              checkDisView($(this),'姓名录入不合法');              nameflag = false;          }    });    $('#forage').blur(function(){        var value = $(this).val();        var reg = /^(?:[1-9]\d?|1[0-4]\d|150)$/;        //年龄正则(小于150的正整数)        var rf = reg.test(value);        //定义变量rf，接收 待验证值的 合法性(值为true或false)        if(rf){            $(this).parent().parent().removeClass('has-error');            $(this).parent().parent().addClass('has-success');            checkDisView($(this),'年龄录入合法');            ageflag = true;        }        else{            $(this).parent().parent().removeClass('has-success');            $(this).parent().parent().addClass('has-error');            checkDisView($(this),'年龄录入不合法');            ageflag = false;        }    });    $('#fordid').blur(function(){        var value = $(this).val();        if(value!=-1){            $(this).parent().parent().removeClass('has-error');            $(this).parent().parent().addClass('has-success');            checkDisView($(this),'部门已选择');            didflag = true;        }        else{            $(this).parent().parent().removeClass('has-success');            $(this).parent().parent().addClass('has-error');            checkDisView($(this),'部门未选择');            didflag = false;        }    });    $('#submitbtn').click(function(){        if(!nameflag)            checkDisView($('#forname'),'姓名未输入');        if(!ageflag)            checkDisView($('#forage'),'年龄未输入');        if(!didflag)            checkDisView($('#fordid'),'部门未选择');        if(nameflag&&ageflag&&didflag)            $('#forform').submit();    });})