信息验证的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();
    });
})