Я создал метод добавления электронной почты (jquery) для проверки нескольких электронных писем для текстового поля получателя. все работает нормально, когда prototype.js не объявлен на странице. Чтобы избавиться от конфликта $, я также добавил меру метода $ noconflict (). В этом сценарии работают другие поля проверки, кроме поля проверки получателя электронной почты. В соответствии с моими выводами строка «jQuery.validator.methods.email.call (this, value, element)» № 50 на странице не работает, и, следовательно, метод не запускается. Мне нужно также вызвать prototype.js. Пожалуйста, смотрите следующий код для более ясного понимания ....... Заранее спасибо.
Пожалуйста, смотрите код ниже:
Проверка нескольких адресов электронной почты
var JQ = jQuery.noConflict ();
JQ (документ) .ready (function () {
// Handler for .ready() called.
JQ("#email-form").validate({
rules : {
email : {
required : true,
email : true
},
recipientEmail : {
multiemail: true,
required : true
// email : true
}
},
messages: {
email: {
required: "Please enter your email address.",
email: "Please enter a valid email address"
},
recipientEmail: {
multiemail: "One or more of your recipient email addresses needs correction.",
required: "Please enter the recipient's email address."
//email: "Please enter a valid email address"
}
}
});
});
JQ.validator.addMethod ("multiemail", функция (значение, элемент) {
if (this.optional (element)) // возвращает true для необязательного элемента
вернуть истину;
// var emails = value.split (new RegExp ("\ s *, \ s *", "gi"));
var emails = value.split (new RegExp ("\ s *, \ s *", "gi"));
valid = true;
maxEmaillength = emails.length;
for(var i in emails)
{
value = emails[i];
valid = valid && jQuery.validator.methods.email.call(this, value, element);
// Maximum email length validation
if(maxEmaillength > 5)
{
JQ('label.error:first').html("Please enter only 5 mail IDs at a time");
JQ('label.error:first').css(display, block);
setTimeout(alert("Please enter only 5 mail IDs at a time"), 5);
}
}
return valid;
}, 'One or more email addresses are invalid');
</head>
<body>
<form action="" method="get" name="email-form" id="email-form">
<label for="email">email</label>
<input type="text" name="email" id="email" style="width:200px" />
<br />
<label for="recipientEmail">Recipient Email</label>
<input type="text" name="recipientEmail" id="recipientEmail" style="width:500px" /><br />
<input type="submit" name="Submit" id="Submit" value="Submit" />
</form>
</body>
</html>