Проверка шаблона HTML5 JQM (jQueryMobile) с альтернативным типом кнопки (не отправлено) - PullRequest
Новая
       0

Проверка шаблона HTML5 JQM (jQueryMobile) с альтернативным типом кнопки (не отправлено)

0 голосов
/ 18 апреля 2011

Используя шаблон HTML5 для проверки поля формы, как остановить отправку, если форма недействительна?Может быть, я должен спросить, как создать собственный обработчик допустимых / недействительных форм?

Документация на changePage () 

$('#form-submit-button').click( function() {
    event.preventDefault(); // This is undefined                    

        // This submits my form and values via ajax, handles page transition
    $.mobile.changePage({
        url: 'request.php?page=one', 
        type: 'post', 
        data: $('form#test_form').serialize()
    },'slide',false,false);
});

Пример поля формы HTML 

<input type="text" 
       name="first_name" 
       id="first_name" 
       placeholder="First Name*" 
       pattern="[\w .-]" 
       required />

Пример кнопки HTML (тип Not Submit) 

<input type="button" 
       data-theme="z" 
       data-icon="forward" 
       data-inline="true" 
       name="form-submit-button" 
       id="form-submit-button" 
       value="Next Step"/>

1 Ответ

1 голос
/ 24 апреля 2011

http://marxsoftware.blogspot.com/2011/01/html5-form-field-validation.html

В соответствии с этим вам не следует отправлять форму до ее подтверждения.

...