Почему не работает .submit()
208
20 декабря 2017, 23:36
function validate_form ( )
{
valid = true;
$('input').each(function () {
if ( $(this).val() == "" ){
valid = false;
if ($(this).hasClass("error")==false)
$(this).addClass("error");
}else{
if ($(this).hasClass("error"))
valid=false;
}
})
return valid;
}
$(".button").click(function(){
//on('click', function(e) {
if (validate_form() ) { // проверка на валидность
//$(this).closest("form").submit(); // и так не работает
console.log("submit");
$("#reg_form")[0].submit();
return false;
}else{
//$(".checkbox.required").addClass("error").next(".checkbox-custom").addClass("error");
}
});<form method="post" action="/registration/" name="regform" id="reg_form" enctype="multipart/form-data">
<input size="30" type="text" name="REGISTER_N" value=""/>
<input size="30" type="text" name="REGISTER_S" value=""/>
<input type="button" class="button" value="Зарегистрироваться" />
</form>Вопрос, почему не работает.... submit и как исправить? ошибки в консоли нет.
$("#reg_form").submit(
function () {
console.log("Send");
return false;
}
);слово "Send не пишет в консоль"...
$(".button").click(function(){
//on('click', function(e) {
if (validate_form() ){ // проверка на валидность
//$(this).closest("form").submit(); // и так не работает
console.log("submit");//пишет
$("#reg_form").submit(
function () {
console.log("Send"); //не пишет
return false;
}
);
return false;
}else{
//$(".checkbox.required").addClass("error").next(".checkbox-custom").addClass("error");
}
});Answer 1
$(document).ready(function(){
console.log("Attach event");
$("#reg_form").submit(function () {
console.log("Submit");
if (validate_form()) {
console.log("Send");
return true;
} else {
console.log("Not send");
return false;
}
});
});
Answer 2
Вот так будет работать. Добавил немного комментариев.
function validate_form() {
valid = true;
$('input').each(function() {
if ($(this).val() == "") {
valid = false;
if ($(this).hasClass("error") == false)
$(this).addClass("error");
} else {
if ($(this).hasClass("error"))
valid = false;
}
})
return valid;
}
$("#reg_form").submit(function(event) {
/* Проверяем на валидность */
if (validate_form()) {
console.log("send");
/* Если валидно выполняем код сверху и останавливает работу функции */
return;
}
/* Выполнится только если невалидно */
console.log("Невалидно");
$(".checkbox.required").addClass("error").next(".checkbox-custom").addClass("error");
/* event.preventDefault(); останавливает отправку */
event.preventDefault();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post" action="/registration/" name="regform" id="reg_form" enctype="multipart/form-data">
<input size="30" type="text" name="REGISTER_N" value="" />
<input size="30" type="text" name="REGISTER_S" value="" />
<input type="submit" class="button" value="Зарегистрироваться" />
</form>Answer 3
type="submit" нужно добавить в input.
-
20:52
-
11:43
-
07:54
Какие существуют виды рекламных бордов и как выбрать подходящий?
-
20:34
-
05:36
-
21:11
-
14:43
-
19:06
Аренда удаленного сервера: цены, провайдеры и условия. Руководство для начинающих
-
22:07
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47433 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30443 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23534 visits
- Как через css изменить цвет png изображения? 10297 visits
- Blob video url download 9926 visits
- Php curl запрос через прокси с авторизацией 9168 visits
- Работа с captcha vk api 8061 visits
© "hostciti.net" 24.9.2024 | 00:30