jQuery Мобильная форма Validation и html 5

Question

Я новичок во всем пространстве jQuery Mobile и HTML5 (так что несите меня), и я проверяю формы в первый раз. Теперь я действительно хотел бы, чтобы утвердить формы с помощью HTML 5, где следующие выскакивает:

Теперь я решил дать этому Баш и имеют следующий код:

<form> 
    <input required type="text" name="searchtitle" id="searchtitle" placeholder="Enter the textbook's title"> 
    <input type="submit" id ="searchsubmit" name="searchsubmit" value="Search"> 
</form> 

Теперь у меня есть следующий код, когда кнопка «Поиск» выше щелкнул:

$(document).on('pageinit',"#searchpage", 
function() 
{ 
    $("#searchsubmit").click(
    function(e) 
    { 
    //Do a lot of processing here 
    window.location.href ="#results"; 
    } 
}); 

Теперь я знаю, почему обратите внимание, когда я нажимаю событие кнопка Поиск клик запустить и не остановить из-за проверки формы, и если я полностью ошибаюсь, может кто-то указать мне правильное направление, которое научит меня, как делать проверку формы с помощью HTML5.

Answer 1

Причина, по которой она не остановлена, заключается в том, что input type="submit" будет отправляться по умолчанию, так что это перезагрузка страницы. Вам нужно добавить следующую строку кода:

$(document).on('pageinit',"#searchpage", 
function() 
{ 
    $("#searchsubmit").click(
    function(e) 
    { 
    e.preventDefault(); // add this line to prevent the form from submitting regardless. 
    //Do a lot of processing here 
    window.location.href ="#results"; 
    } 
}); 

Answer 2

Эти «всплывающие окна» HTML5 вы упомянули реализуются самих браузеров.

Я не думаю, что есть большая поддержка для них. В частности, на мобильных браузерах, где вы обычно запускаете приложение jQuery Mobile.

Я бы использовал что-то вроде jQuery Validate для обработки проверки формы на данный момент, если бы я был вами.

http://jqueryvalidation.org