在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ jquery-validate不起作用

jquery-validate不起作用

我原本使用在input中的onblur判斷“密碼”和“確認密碼”是否一致,然而我發(fā)現它有時可以有時不行,原因不明,后來了解到jquery-validate這個框架,決定用它試一試,這是我在網上找的實例:

http://blog.csdn.net/qq_19558...

結果我這邊只能判斷有沒有填寫,并不能做出更進一步的判斷,按上面那個實例,輸入密碼的時候如果位數不夠會直接有提示。我在怎么折騰都沒用后試著直接復制他的“注冊”代碼,然而卻什么都顯示不了。

現在我復原回我之前寫的,懇請各位大佬幫忙看看到底是什么問題。謝謝各位!

<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <title>注冊</title>
    <style>
    #registerDev {
        margin-top: 100px;
    }
</style>

<!-- 引入Bootstrap和jquery -->
<link rel="stylesheet" href="/templates/bootstrap/css/bootstrap.min.css">
<script src="/templates/bootstrap/jquery-3.2.1.min.js"></script>
<script src="/templates/bootstrap/js/bootstrap.min.js"></script>

<!-- 引入表單驗證的框架 -->
<script type="text/javascript" src="/jslib/jquery.validate.min.js"></script>
<script type="text/javascript" src="/jslib/messages.js"></script>

</head>
<body>

    <div class="container">
        <div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3 col-xs-8 col-xs-offset-2" id="registerDev">
            <form class="form" id="register_form" action="/index/index/register">
                <fieldset>
                    <h2 align="center">歡迎加入</h2>
                    <div class="form-group">
                        <input type="text" id="userName" class="form-control" placeholder="請輸入用戶名" required="" autofocus="">    
                    </div>
                    
                    <div class="form-group">
                        <input type="password" id="password" class="form-control" placeholder="請輸入密碼" required="">
                    </div>
                    
                    <div class="form-group">
                        <input type="password" id="comfirmPassword" class="form-control" placeholder="請再次輸入密碼" required="true"  >
                    </div>
                    
                    <div class="form-group">
                        <input type="text" id="realName" class="form-control" placeholder="請輸入真實姓名" required="">
                    </div>
                    
                    <div class="form-group">
                        <input type="text" id="studentid" class="form-control" placeholder="請輸入學號" required="">
                    </div>

                    <div class="form-group">
                        <button class="btn btn-lg btn-primary btn-block" type="submit" >注冊</button>
                    </div>
                    
                </fieldset>
                
            </form>
            <!--判斷密碼與再次輸入是否一致-->
        </div>
    </div>
</body>

<script type="text/javascript" src="check.js">
$().ready(function check() {
    //網友提醒后這里補上引號,然而還是沒想要的效果
    $(#"register_form").validate({
        rules:{
            userName:"required",
            password:{
                required:true,
                minlength:8
            },
            comfirmPassword:{
                required:true,
                equalTo:"#password"
            },
            realName:{
                required:true,
                minlength:2,
                maxlength:10
            }
            studentid:{
                required:true,
                digits:true,
                maxlength:12,
                minlength:12
            }
        },
        messages:{
            userName:"請輸入用戶名",
            password:{
                required:"請輸入密碼",
                minlength:"密碼長度不少于8位"
            },
            comfirmPassword:{
                required:"請再次輸入密碼",
                equalTo:"請輸入與上面相同的密碼"
            },
            realName:{
                required:"請輸入姓名",
                minlength:"姓名最小長度為2",
                maxlength:"您的名字真這么長的話請與管理員聯系"
            },
            studentid:{
                required:"請輸入學號",
                digits:"請輸入數字",
                maxlength:"學號長度為12位",
                minlength:"學號長度為12位"
            }
        }
    });
})
</script>


</html>

圖片:
圖片描述

回答
編輯回答
墨小白

"register_form"改成"#register_form"

2017年10月17日 13:42
編輯回答
久不遇
 $(#register_form).validate({

選擇器沒加引號

2017年9月1日 18:39