1

私は jQuery Mobile および HTML5 スペース全体に慣れていないため (ご容赦ください)、初めてフォームを検証しています。ここで、次のポップアップが表示される html 5 を使用してフォームを検証したいと思います。

ここに画像の説明を入力

今、私はこれに bash を与え、次のコードを用意することにしました:

<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

4

2 に答える 2

3

あなたが言及したHTML5の「ポップアップ」は、ブラウザ自体によって実装されています。

彼らへの大きな支持はないと思います。特にモバイル ブラウザーでは、通常は jQuery Mobile アプリを実行します。

私があなただったら、今のところフォームの検証を処理するためにjQuery Validateのようなものを使用します。

http://jqueryvalidation.org

于 2013-07-08T03:12:42.447 に答える
0

停止されない理由は、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";
   }  
 }); 
于 2013-07-08T01:22:04.363 に答える