<form>背景改变颜色,暗淡</form>

时间:2011-07-21 16:55:11

标签: forms ipad safari jquery-validate

我遇到了不寻常的烦恼。我有一个简单的表单,附带简单的验证。在iPad的原生浏览器中,当我按住手指在表格的背景上时,它会变为更暗的颜色。

这只发生在ipad上,jquery.validate打开,表单必须小于屏幕大小。

有什么想法吗?

$("#ChangePassword").validate({ 
    rules: { 

        OldPassword:{
            required:true
        },
        NewPassword:{
            required:true
        },
        NewPasswordRetype:{
            equalTo: "#NewPassword"
        }
    },
    messages: {

        OldPassword:"&#149; Enter the old password",
        NewPassword:"&#149; Enter the new password",
        NewPasswordRetype:"&#149; 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>

0 个答案:

没有答案