Я использую последнюю версию плагина jQuery Validator вместе с jQuery (1.6.2).
В моем необязательном поле для номера телефона,У меня есть defaultValue.
HTML:
<input type="text" class="autoclear blur" value="your telephone number" name="Phone" />
Я установил пользовательский метод проверки телефонных номеров согласно этой теме .Идея состоит в том, что хотя поле является необязательным, я все же хочу проверить его, если / когда введен текст.
jQuery / JavaScript:
$(document).ready(function() {
var nameMsg = "Please enter your full name.",
emailMsg = "Please enter your email address.",
emailMsgV = "This is not a valid email address.",
commentsMsg = "Please enter your comments.";
$.validator.addMethod('phone', function (value, element) {
return this.optional(element) || /^[01]?[- .]?\(?[2-9]\d{2}\)?[- .]?\d{3}[- .]?\d{4}$/.test(value);
}, 'This is not a valid number.');
$('#contactForm').validate({
onkeyup: false,
validClass: 'valid',
rules: {
Name: {
required: true
},
email: {
required: true,
email: true
},
Phone: {
required: false,
phone: true
},
Comments: {
required: true
}
},
messages: {
Name: nameMsg,
email: {
defaultInvalid: emailMsg,
required: emailMsg,
email: emailMsgV
},
Comments: commentsMsg
},
success: function(error) {
setTimeout(function() { // Use a mini timeout to make sure the tooltip is rendred before hiding it
$('#contactForm').find('.valid').qtip('destroy');
}, 1);
},
submitHandler: function(form) {
$('#contactForm .autoclear').each(function() {
if (this.value === this.defaultValue) {
this.value = '';
}
});
form.submit();
},
errorPlacement: function(error, element) {
$(element).filter(':not(.valid)').qtip({
overwrite: false,
content: error,
position: {
my: 'left center',
at: 'right center'
},
show: {
event: false,
ready: true
},
hide: false
}).qtip('option', 'content.text', error);
} // closes errorPlacement
}) // closes validate()
}); // closes document.ready()
проблема в том, что, поскольку у меня есть defaultValue в этом необязательном поле, оно также проверяется.
Может ли пользовательский метод для phone быть отредактирован таким образом, что он будет игнорировать defaultValue вполе, если поле оставлено пустым?
Я попытался окружить регулярное выражение if/then, но это, похоже, не работает.
$.validator.addMethod('phone', function (value, element) {
if (value != element.defaultValue) {
return this.optional(element) || /^[01]?[- .]?\(?[2-9]\d{2}\)?[- .]?\d{3}[- .]?\d{4}$/.test(value);
}
}, 'This is not a valid number');
Подумав, как оно работает, язнаю, что это неправильный подход ... так что теперь я потерян.