【Bootstrap+JSP+Mysql学习笔记（五）】JSP表单验证

为什么80%的码农都做不了架构师？>>>   

1、在js目录下新建login.js

2、在index.jsp中引入login.js

<script type="text/javascript" src="js/login.js"></script>

3、编写login.js

$(function(){
    $("#myId").on("blur",function(){
        validateMyId();
    });
    $("#myPsd").on("blur",function(){
        validateMyPsd();
    });
    $("#loginForm").on("submit", function () {
        return validateMyId() && validateMyPsd();
    })
});
function validateMyId(){
    return validateEmpty("myId");
}
function validateMyPsd(){
    return validateEmpty("myPsd");
}
function validateEmpty(ele){
    if($("#"+ele).val()=="") {
        $("#"+ele+"Div").attr("class","form-group has-error");
        $("#"+ele+"Span").html("<span class='text-danger'>该字段不允许为空！</span>");
        return false;
    } else{
        $("#"+ele+"Div").attr("class","form-group has-success");
        $("#"+ele+"Span").html("<span class='text-success'>该字段合法！</span>");
        return true;
    }
}

以上

转载于:https://my.oschina.net/scutzx/blog/755048