我遇到了不寻常的烦恼。我有一个简单的表单,附带简单的验证。在iPad的原生浏览器中,当我按住手指在表格的背景上时,它会变为更暗的颜色。
这只发生在ipad上,jquery.validate打开,表单必须小于屏幕大小。
有什么想法吗?
$("#ChangePassword").validate({
rules: {
OldPassword:{
required:true
},
NewPassword:{
required:true
},
NewPasswordRetype:{
equalTo: "#NewPassword"
}
},
messages: {
OldPassword:"• Enter the old password",
NewPassword:"• Enter the new password",
NewPasswordRetype:"• Retype the new password"
}
});
<form id="ChangePassword" method="post" name="ChangePassword" >
<div class="field-group">
<div class="field-row form-item">
<label class="float-left">Old Password:</label><input name="OldPassword" title="Old Password" type="password" id="OldPassword" size="12" maxlength="12" class="password"><div class="clear"></div>
<div class="error-container">
<!-- <p class="error-message"></p> -->
</div>
</div>
<div class="field-row form-item">
<label class="float-left">New Password:</label><input name="NewPassword" title="New Password" type="password" id="NewPassword" size="12" maxlength="12" class="password"><div class="clear"></div>
<div class="error-container">
<!-- <p class="error-message"></p> -->
</div>
</div>
<div class="field-row form-item">
<label class="float-left">Re-type New Password:</label><input name="NewPasswordRetype" title="Retype New Password" type="password" id="NewPasswordRetype" size="12" maxlength="12" class="password"><div class="clear"></div>
<div class="error-container">
<!-- <p class="error-message"></p> -->
</div>
</div>
</div>
<div class="button-container">
<button type="button" name="submit" value="submit" class="css3button-orange" onclick="changePW()" >submit</button>
</div>
</form>