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");
}
});
$(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;
}
});
});
Вот так будет работать. Добавил немного комментариев.
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>
type="submit"
нужно добавить в input
.
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Делаю небольшой проект на Angular 4 + PrimeNGВ шаблоне одного из компонентов используем компонент ToolTip
Необходимо реализовать авторизацию в веб прилажении (Symfony 3x) по smart-card (смарт картам), подскажите как это можно реализовать? Может есть уже...