<form> фон меняет цвет, тускнеет - PullRequest
2 голосов
/ 21 июля 2011

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