美文网首页
SSM框架的(CRUD)_新增_校验信息显示优化18

SSM框架的(CRUD)_新增_校验信息显示优化18

作者: 念念碎平安夜 | 来源:发表于2020-01-08 16:06 被阅读0次

给员工姓名输入框以及员工email输入框下添加span,当校验失败的时候,错误信息显示在下面

<span class="help-block"></span>
//显示校验结果的提示信息
function show_validate_msg(ele,status,msg){
//清除当前元素的校验状态
    $(ele).parent().removeClass("has-success has-error");
    $(ele).next("span").text("");
    if("success"==status){
        $(ele).parent().addClass("has-success");
        $(ele).next("span").text(msg);
    }else if("error" == status){
        $(ele).parent().addClass("has-error");
        $(ele).next("span").text(msg);
    }
};
//校验表单数据
function validate_add_form(){
    //1、拿到要校验的数据,使用正则表达式
    var empName = $("#empName_add_input").val();
    var regName = /(^[a-zA-Z0-9_-]{6,16}$)|(^[\u2E80-\u9FFF]{2,5})/;
    if(!regName.test(empName)){
        //alert("用户名可以是2-5位中文或者6-16位英文和数字的组合");
        show_validate_msg("#empName_add_input", "error", "用户名可以是2-5位中文或者6-16位英文和数字的组合");
        return false;
    }else{
        show_validate_msg("#empName_add_input", "success", "");
    }
    //2、校验邮箱信息
    var email = $("#email_add_input").val();
    var regEmail = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
    if(!regEmail.test(email)){
        show_validate_msg("#email_add_input", "error", "邮箱格式不正确");
        return false;
    }else{
        show_validate_msg("#email_add_input", "success", "");
    }
    return true;
};

相关文章

网友评论

      本文标题:SSM框架的(CRUD)_新增_校验信息显示优化18

      本文链接:https://www.haomeiwen.com/subject/rfmzoctx.html