Форма обратного заказа

Рейтинг: 1Ответов: 2Опубликовано: 11.01.2015

Ребята, подскажите, где достать форму обратного заказа. С проверкой полей на java перед отправкой данных на сервер начал делать сам, но почему-то он все равно при нажатии использует action="имя_файла обработчика". 

<form name="contact_form" method="post" action="submit.php">
<select id="sity" size="1" name="sity" placeholder="Выбрать город">
  <option value="Выбрать город">Выбрать город</option>
  <option value="Москва">Москва</option>
  <option value="Сочи">Сочи</option>
  <option value="Санкт-Петербург">Санкт-Петербург</option>
</select>
<select size="1" name="filials" id="filial" placeholder="Выбрать филиал">
  <option value="Выбрать филиал">Выбрать филиал</option>
  <option value="Филиал №1">Филиал №1</option>
  <option value="Филиал №2">Филиал №2</option>
  <option value="Филиал №3">Филиал №3</option>
</select>       
<input type="text" name="name_order" value="Имя" id="name" placeholder="Имя" />
<input type="text" name="phone" value="Телефон" id="tel" placeholder="Телефон" />
<input type="checkbox" checked="checked" id="check" checked />
<span id="license">Я принимаю <a href="#">пользовательское соглашение</a></span>
<input id="but_call" class="red_button" name="send" type="submit" value="Купить"  />

Скрип обработчик:

<script type="text/javascript">  
<!--  
function validate_form ( ){  
    valid = true;  
        if ( document.contact_form.name_order.value == "" ){  
            alert ( "Пожалуйста заполните поле 'Ваше имя'." );  
            valid = false;  
    }  
    return valid;  
}    
//-->
</script>
javascript html php форма
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Когда я писал "обработать напильником под свои нужды", я имел в виду дописать необходимые условия.

Во первых приделать форме "маркер". Условно пишу id = 'form_zakaz'.
Написать внутри "перехватчика", перед функцией, срабатывающей по событию click, что-нибудь вроде

var val_empty = $("#form_zakaz").find("#name").val();
var val_empty1 = $("#form_zakaz").find("#tel").val();
if(val_empty == "" || val_empty1 == ""){
$('form_zakaz').find('input[type="submit"]').attr('disabled', 'disabled');
}else{
$("form_zakaz").find('input[type="submit"]').prop('disabled', false);
}

Это для текстовых полей, если надо для других, то пишите и для других.
А уже в функции на событие click для особо продвинутых юзеров, которые все равно будут долбить по неактивной кнопке, написать что-нибудь вроде

if($('form_zakaz').find('input[type="submit"]').attr('disabled', 'disabled')){
alert('Заполните обязательные поля');
}

Или положите сообщение в какой-нибудь div ($('form_zakaz').find('#result(ваше место для сообщений)').innerHtml(или .text)('ваше сообщение')), куда там вы будете выводить сообщения об ошибках, отправке и т.п. Как-то так.

P.S. Это не java, это js. Это совершенно разные вещи.

▲ 1

Как точно заметил предыдущий ответчик, обработчика у вас нет. Вот рабочий пример отправки формы со скриптом для обработки ошибок и скриптом обработчикам.http://dontforget.pro/javascript/primer-ajax-otpravki-formyi-na-email-s-pomoshhyu-jquery-i-php/ Естественно, придется корректировать под свой случай, но принцип такой.