こんにちは、jquery 検証プラグインに問題があります。コードは
、ボタンをクリックしてフォームを送信するたびに、EI バージョン と FF バージョンでは正常に動作しますがchrome
、正常に動作しませんOpera
10.0.xx
23.xx
<script src="style/js/jquery.js"></script>
<script src="style/js/jquery.validate.js"></script>
<script type="text/javascript" src="style/js/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var kosh = document.getElementById("username").value;
$("#form").validate({
rules:{
full_name:"required",
user_name:"required",
secret:"required",
user_email:{
required:true,
email: true
},
pwd:{
required:true,
minlength: 8
},
cpwd:{
required:true,
equalTo: "#pwd"
},
gender:"required",
privacy:"required"
},
messages:{
full_name:"Enter your first and last name",
user_name:"Please Chose a Username",
secret:"Your Secret Word Can't Be Empty",
user_email:{
required:"Enter your email address",
email:"Enter valid email address"
},
pwd:{
required:"Enter your password",
minlength:"Password must be minimum 8 characters"
},
cpwd:{
required:"Enter confirm password",
equalTo:"Password and Confirm Password must match"
},
gender:"Select Gender",
privacy:"Select How you like to share your photos with others"
},
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');
}
});
$('document').ready(function()
{
$('#form').ajaxForm( {
target: '#preview',
success: function() {
$('#formbox').slideUp('fast');
}
});
$('#loginForm').ajaxForm( {
target: '#preview',
success: function() {
$('#formbox').slideUp('fast');
}
});
});
});
</script>
そして私のフォームは次のとおりです
<form action="func/login.php" id="loginForm" name="loginForm" method="post" class="navbar-form pull-right">
<input required class="input-large" name="user" placeholder="Your Username..." type="text">
<input required type="password" name="pass" placeholder="Your Password" class="input-large">
<button class="btn btn-success">Login !</button>
<a href="reset.php"><span style="color:#fff; position:relative; top:3px; align:center; font-family:verdana;padding:3px; font-size:10px">Forgot Password?</span></a>
</form>
間違ったユーザー名とパスワードを入力した場合、実際には結果が返されますが、ユーザー名とパスワードが正しい場合は常にphpスクリプトから結果が得られず、ユーザー名とパスワードが正しい場合は自動的にロードされますが、ロードされませindex.php
んしかしindex.php
、URLバーに入力した場合、すでにサインインしています