0

ブートストラップと jQuery 検証を使用して登録ページを作成しようとしています。残念ながら、.validate() 関数を呼び出すと、Opera が約 5 秒間フリーズし、検証が機能しません。

JS:

$(document).ready(function()
{
$("#register").validate({
    rules:{
        email:{required:true,email: true},
        password:{required:true,minlength: 6}
    },
    messages:{
        email:{
             required:"Enter your email address",
             email:"Enter valid email address"
        },
        password:{
             required:"Enter your password",
             minlength:"Password must be minimum 6 characters"
        }
    },
    errorClass: "help-inline",
    errorElement: "span",

    highlight: function(element, errorClass, validClass)
    {
        $(element).parents('.control-group').addClass('error');
    },
    unhighlight: function(element, errorClass, validClass)
    {
        $(element).parents('.control-group').removeClass('error');
        $(element).parents('.control-group').addClass('success');
    }
 });
});

HTML:

<form class="form-horizontal" id="register" method='post' action=''>
<fieldset>
<legend>Reg</legend>
<div class="control-group">
<label class="control-label" for="email">Email</label>
<div class="controls">
<input type="text" class="input-medium" id="email" name="email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="password">Password</label>
<div class="controls">
<input type="password" class="input-medium" id="password" name="password">
</div>
</div>
<div class="control-group">
<label class="control-label"></label>
<div class="controls">
<button type="submit" class="btn btn-primary">Go</button>
</div>
</div>
</fieldset>
</form>

何が問題なのですか？

含まれる JS ファイル: jquery-1.8.3.min.js、bootstrap.min.js、jquery-validate.min.js

4

1 に答える 1

1

http://bassistance.de/jquery-plugins/jquery-plugin-validation/の代わりにhttp://plugins.jquery.com/validate/という間違ったライブラリを使用していたことが判明しました。残念だ ：/

于 2013-02-06T23:10:25.967 に答える