【Bootstrap+JSP+Mysql学习笔记(五)】JSP表单验证
博客专区 > Vinicle 的博客 > 博客详情
【Bootstrap+JSP+Mysql学习笔记(五)】JSP表单验证
Vinicle 发表于1年前
【Bootstrap+JSP+Mysql学习笔记(五)】JSP表单验证
  • 发表于 1年前
  • 阅读 11
  • 收藏 0
  • 点赞 0
  • 评论 0

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;
    }
}

以上

共有 人打赏支持
粉丝 0
博文 16
码字总数 4072
×
Vinicle
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: