Я бы очень признателен за любую помощь в этом, поскольку я просто не могу заставить его работать. Я использую код javascript для проверки формы перед отправкой. Я проверяю такие вещи, как пустые коробки.javascript: подтвердить форму перед отправкой?
Если поля пустые, в этом случае должен отображаться один из трех разделов, содержащий стандартный текст ошибки.
«Произошла ошибка»У меня есть три разных divs, div1 div2 и div3, которые содержат утверждения ошибок. Я сделал это, потому что я разделил свою форму на три раздела. Поэтому я хочу, чтобы мой javascript выполнял три разные проверки в трех разных разделах в моей форме, и если произошла ошибка, в которой когда-либо была секция, тогда отобразите div1 или div 2 или div3 для этого раздела.
Section 1
<div 1>
<input = firstname>
<input = lastname>
<input = email>
<input = email2>
section 2
<div 2>
<input = contactnum>
<input = mobnum>
<input = postcode>
section 3
<div 3>
<input = compname>
<input = compreg>
вот мой код Javascript Я пытаюсь поставить вместе, но он не работает, он отправляет форму, не делая каких-либо проверок. пожалуйста, кто-нибудь может показать мне, где я ошибаюсь.
<script>
function validateForm() {
var a = document.forms["register"]["firstname"].value;
var b = document.forms["register"]["lastname"].value;
var c = document.forms["register"]["email"].value;
var d = document.forms["register"]["email2"].value;
if (a == null || a == "" || b == null || b == "" || c == null || c == ""|| d == null || d == "") {
$(".form_error").show();
$('html,body').animate({
scrollTop: $(".form_error").offset().top - 180
});
var e = document.forms["register"]["contactnum"].value;
var f = document.forms["register"]["mobnum"].value;
var g = document.forms["register"]["postcode"].value;
if (e == null || e == "" || f == null || f == "" || g == null || g == "") {
$(".form_error").show();
$('html,body').animate({
scrollTop: $(".form_error").offset().top - 180
});
var h = document.forms["register"]["compname"].value;
var i = document.forms["register"]["compreg"].value;
if (h == null || h == "" || i == null || i == "") {
$(".form_error").show();
$('html,body').animate({
scrollTop: $(".form_error").offset().top - 180
});
return false;
}
}
}
</script>
Возможные Дубликат: [HTML/Javascript: Простая форма проверки на Submit] (http://stackoverflow.com/questions/16134733/html-javascript-simple-form-validation-on- submit) Но чтобы попытаться помочь, убедитесь, что вы действительно выполняете код проверки с использованием атрибута 'onSubmit' HTML в самом теге'
вы можете вызвать этот метод в форме события onsubmit и выполнить e.preventDefault() и после этого подтвердить код, а затем document.form.submit(); или документа.
@Innovation Спасибо, но я пробовал это, и он не имеет никакого значения, форма все еще отправляет –