Проверка формы jQuery обойдена

Question

Проверка формы jQuery обойдена

0

Может ли кто-нибудь сказать мне, что не так с моей проверкой jQuery? Это не подтверждает мою форму, а просто игнорирует код, в результате чего не происходит проверки входов.

Форма:

<form class="form" accept-charset="UTF-8" action="URL-to-complete-form" method="POST" onsubmit="return validateForm();">
<input class="form-name" type="text" placeholder="Name"></div>
<input class="form-email" type="text"placeholder="Email"></div>
<input style="background-color: #fc8f12;" type="submit" value="Subscribe">
</div>
</form>

Javascript:

function validateForm()
{
    // Validate Name
    var title = $(".form-name").val();
    if (title=="" ||title=="Name" || title==null) { } else {
        alert("Please enter a name!");
    }

    // Validate Email
    var email = $(".form-email").val();
    if ((/(.+)@(.+){2,}\.(.+){2,}/.test(email)) || email=="" || email=="Email" || email==null) { } else {
        alert("Please enter a valid email");
    }
  return false;
}

Спасибо всем за ваше время и помощь.

user1953681 10 нояб. 2013, в 08:09

Источник

0

Вы проверили консоль вашего браузера на наличие ошибок?
koala_dev 10 нояб. 2013, в 07:10
0

в вашем javascript есть ошибка, из-за которой форма отправляется. Проверьте консоль и устраните ошибки.
anku_radhey 10 нояб. 2013, в 08:14
0

Ваша функция всегда возвращает ложь
rybo111 10 нояб. 2013, в 09:54

Показать ещё 1 комментарий

Теги:

javascript

jquery

validation

3 ответа

Ещё вопросы

Вы проверили консоль вашего браузера на наличие ошибок?
в вашем javascript есть ошибка, из-за которой форма отправляется. Проверьте консоль и устраните ошибки.
Ваша функция всегда возвращает ложь

rybo111 · Answer 1 · 2013-11-10T07-59-00.000Z

HTML:

<form id="form1" ...

JQuery:

$("#form1").on("submit", function(){
  if($("input[name=firstName]").val() == ""){
    // errors here
    return false;
  }
});

Dan Goodspeed · Answer 2 · 2013-11-10T05-57-00.000Z

Для меня это похоже на то, что вы ничего не делаете, чтобы предотвратить отправку формы, потому что у вас есть строка "action =" в форме... вы говорите ей, чтобы отправить, оба запускают функцию javascript и отправьте форму. Вы должны иметь javascript, чтобы отправить форму после ее проверки. Существует множество способов сделать это... Вероятнее всего, проще всего сделать кнопку отправки кнопкой типа вместо типа submit, а затем привязать проверку и подчинение клику по этой кнопке.

Brian Ogden · Answer 3 · 2013-11-10T05-42-00.000Z

Поскольку вы "вмешиваетесь" в отправку postback для проверки, сдвиньте свой код так, чтобы он был ясным, удалите кнопку отправки из формы, выполните проверку на основе нажатия кнопки и выполните свою собственную обратную отправку формы с действительными данными:

 <form class="form" accept-charset="UTF-8" method="POST" action="#">
        <input class="form-name" type="text" placeholder="Name"></div>
        <input class="form-email" type="text" placeholder="Email"></div>
        </div>
    </form>
    <button>Subscribe</button>

 $(function () {
            $('button').on('click', function (event) {
                validateForm();
            });

        });

        function validateForm() {
            // Validate Name
            var title = $(".form-name").val();
            if (!title) {
                alert("Please enter a name!");
                return false;
            }

            // Validate Email
            var email = $(".form-email").val();
            if (!email) {
                alert("Please an email address");
                return false;
            }

            if (!/(.+)@(.+){2,}\.(.+){2,}/.test(email)) {
                alert("Please enter a valid email");
                return false;
            }

            $.post('URL-to-complete-form', $("form").serialize(), function (data) {
                console.log('server call complete');
                console.log(data);
            });

        }

Вот также рабочий jsFiddle: http://jsfiddle.net/t8vQ2/