Nikita21,
вариант ... маску и length > 3 сами добавьте
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
</script>
<style type="text/css">
label.error {
position: absolute;
margin-left: 12px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script>
<script>
$(function () {
$.validator.addMethod("requiredphone", function (value, element) {
return value.length || $.trim($('[name="email"]').val());
},
" Заполните это поле!!!");
$.validator.addMethod("requiredemail", function (value, element) {
return value.length || $.trim($('[name="phone"]').val());
},
" Заполните это поле!!!");
$("#form_mid").validate({
rules: {
budjet: {required: true},
phone: {requiredphone: true},
email: {requiredemail: true}
},
submitHandler: function(form) {
sendForm(form);
}
});
});
</script>
</head>
<body>
<form id="form_mid" class="big_form" action="php/send.php" method="post" novalidate="novalidate">
<div class="form_mid_label">Напишите сферу вашего бизнеса</div>
<input type="text" name="salon" placeholder="например, автосалон">
<div class="form_mid_label">Напишите ваш сайт, если есть</div>
<input type="text" name="site" placeholder="например, mazzmedia.ru">
<div class="form_mid_label">Укажите имеющийся бюджет на тест</div>
<input type="text" name="budjet" placeholder="например, 7000 руб">
<div class="form_mid_label">Ваше имя</div>
<input type="text" name="name" placeholder="">
<div class="form_mid_label mail">E-mail, если есть</div>
<input type="text" name="email" placeholder="например, info@mazzmedia.ru">
<div class="form_mid_label phone">Контактный номер</div>
<input type="text" name="phone" placeholder="+7 (___) ___-__-__">
<br>
<button>ОТПРАВИТЬ</button>
</form>
</center>
</body>
</html>