Добрый день!
Имеется такая вот форма заявки.
Обязательно поле для заполнения - это телефон!
Как изменить скрипт код, чтоб обязательными были поля Имя и email? ПОДСКАЖИ ПОЖАЛУЙСТА!!
<style>
input#phone.input_name {border:1px solid #666666; }
input#phone.input_name.error {border:1px solid #000; background: none repeat scroll 0% 0% rgb(240, 190, 190);}
</style>
<script type="text/javascript">
function validateEmail(email) {
var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return reg.test(email);
}
$(document).ready(function() {
$("#contact").submit(function() { return false; });
$("#send").on("click", function(){
var emailval = $("#name").val();
var msgval = $("#phone").val();
var msgval3 = $("#email2").val();
var msgval2 = $("#spam").val();
var msglen = msgval.length;
var msglen3 = msgval.length;
var msglen2 = msgval2.length;
var mailvalid = validateEmail(emailval);
if(msglen2 < 1) {
$("#spam").addClass("error");
}
else if(msglen2 >= 0){
$("#spam").removeClass("error");
}
if(msglen < 6) {
$("#phone").addClass("error");
}
else if(msglen >= 6){
$("#phone").removeClass("error");
}
if(msglen >= 6 && msglen2 >= 0) {
// если обе проверки пройдены
// сначала мы скрываем кнопку отправки
$("#send").replaceWith("Выполняется отправка сообщения...");
$.ajax({
type: 'POST',
url: '<?php get_theme_url(); ?>/sendmessage.php',
data: $("#contact").serialize(),
success: function(data) {
if(data == "true") {
$("#contact").fadeOut("fast", function(){
$(this).before("<br><p style='text-align: center;'><span style='font-size: 14px;'>Спасибо, Ваше сообщение успешно отправлено!</span><br /></p>");
});
}
}
});
}
});
});
</script>
<form id="contact" name="contact" action="#" method="post" class="center">
<table cellspacing="3" cellpadding="2" style="margin-left: -26px; margin-top:21px; font-size: 14px; width: 100%;">
<tr>
<td style="text-align: right;">Ваше имя:</td>
<td><input class="input_name" required type="text" id="name" name="name" value=""/></td>
</tr>
<tr>
<td style="text-align: right;">Ваш email:</td>
<td><input class="input_name" required type="text" id="email" name="email" value=""/></td>
</tr>
<tr>
<td style="text-align: right;">Ваш телефон:</td>
<td><input class="input_name" required type="text" id="phone" name="phone" value=""/></td>
</tr>
<input style="display:none;" class="input_name" type="text" id="spam" name="spam" value=""/>
</table>
<button id="send"></button>
</form>