2012-06-22 4 views
0

У меня есть пара текстовых полей в форме, в которой есть значения. Я использую onfocus и onblur, чтобы очистить значение, когда пользователь нажимает на текстовое поле. Я также пытаюсь проверить текстовое поле, но поскольку в поле уже есть значение, проверка не работает. Есть ли способ, которым я могу получить подтверждение, чтобы игнорировать значение (например, имя)?Проверка текстового поля JQuery с текстовым полем

Спасибо!

<script type="text/javascript"> 

var j = jQuery.noConflict(); 

    j(document).ready(function() { 


     j("#ContactUs_Solutions_EN2012").validate({ 

     rules: { 
realname: "required", 
email: { 
    required: true, 
    email: true 
} 
}, 
messages: { 
realname: "<p style='color:red; font-size:12px; margin:-10px 0 0px 0; padding:10px 0px 10px 10px ; text-align:right;'>Please specify your name</p>", 
email: { 
    required: "<p style='color:red; font-size:10px; margin:-10px 0 0px 0; padding:0; text-align:right;'>We need your email address to contact you</p>", 
    email: "Your email address must be in the format of [email protected]" 
    } 
} 
     }); 
    }); 
</script> 

<input style="WIDTH: 275px" id="First_Name" name="realname" class="required" size="25" minlength="2" value="First Name" > 
+0

Покажите нам код, который вы описали в своем посте. –

+0

Код пожалуйста, чтобы мы могли ответить на ваш вопрос –

+0

Простите, что вы находитесь – onei0120

ответ

0

Поскольку вы указали значение в своем текстовом поле, ваша проверка не будет работать. Измените значение на placeholder. Вам не нужно вводить onfocus и onblur, чтобы очистить значение, потому что placeholder сделает это за вас.

<input style="WIDTH: 275px" id="First_Name" name="realname" class="required" size="25" minlength="2" placeholder="First Name" > 
+0

is not placeholde html5 атрибут, что, если браузер пользователей не поддерживает html5? – onei0120

0

Вы можете создать глобальную булевскую переменную и инициализировать ее как ложную. В вашей функции «onfocus» просто измените значение boolean на true. Показывать только сообщения об ошибках, если ваша логическая переменная истинна.

В качестве альтернативы вы можете использовать HTML 5 атрибут «заполнитель»

Это по существу делает то на фокус часть для вас из фактически поставив значение в текстовое поле.

Для получения более подробной информации см. http://www.w3schools.com/html5/att_input_placeholder.asp.

 Смежные вопросы

  • Нет связанных вопросов^_^