Используйте проверку формы HTML5 и jQuery для отправки данных в базу данных.

Я хочу использовать HTML5 для формы подписки. Тип электронной почты и требуемый используются для электронной почты. Я запускаю скрипт jquery, когда нажата кнопка отправки, чтобы отправить данные на другую страницу через ajax. Проблема в том, что скрипт jquery все еще выполняется, даже если проверка HTML5 показывает ошибку. Как я могу остановить выполнение скрипта, если отображается ошибка.

<form class="subscribe" id="email" method="get">
    <input class="email" id="emailaddress" name="email" type="email" placeholder="[email protected]" required>
    <input class="button" type="button" id="emailSub" value="Subscribe">
</form>

$('#emailSub').on('click', function(){
    var email = $('#emailaddress').val();
    $.ajax({
        type:"GET",
        url: "doSubscribe/",
        data: {email: email},
        success: function(result){
            $('#subResult').html(result);
        }
    });
})

person Pierce McGeough    schedule 09.05.2013    source источник
comment
Почему бы не использовать $('#email').submit(function(){})? Даже если ваш текущий код здесь уже работает — jsfiddle.net/gWKD5/1   -  person dsgriffin    schedule 10.05.2013
comment
Я не хочу, чтобы он выполнял jquery, если html вызывает ошибку. если электронная почта недействительна, работы не должны отображаться. jsfiddle.net/gWKD5/3   -  person Pierce McGeough    schedule 10.05.2013
comment
Так вы пробовали $('#emailSub').on('submit' или $('#email').submit(function(){})?   -  person dsgriffin    schedule 10.05.2013
comment
оба устали, даже изменил тип отправки с кнопки на отправку и обратно   -  person Pierce McGeough    schedule 10.05.2013


Ответы (1)


person    schedule
comment
Я использовал его, но он не работал у меня, но после использования того, что вы там показали, он работает. Может быть, я неправильно скопировал или что-то в этом роде. Используя его сейчас. Большое спасибо :D - person Pierce McGeough; 14.05.2013