Я испытываю необычное раздражение.У меня есть простая форма с простой проверкой, прикрепленной к ней.В родном браузере 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>