表單驗證在引發後未被觸發

-1

我正在使用Jquery mobile，Phonegap和jquery驗證來驗證聯繫表單。因此，當我從索引頁面轉到我的聯繫人表單頁面時，使用我的索引頁面中的鏈接發生問題。然後，當我嘗試使用提交按鈕驗證我的表單時，即使表單無效，我的表單也已提交。但是，當我使我的聯繫表單我的索引頁面，這意味着我不瀏覽頁面之間我的表單驗證工作得很好。這裏是我的聯繫頁面的代碼：表單驗證在引發後未被觸發

<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>Plane</title> 
<script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script> 
<link rel="stylesheet" type="text/css" href="jquery/css/jquery.mobile-1.2.0.min.css"/> 
<link rel="stylesheet" type="text/css" href="css/inscription.css"/> 
<script type="text/javascript" charset="utf-8" src="jquery/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="jquery/jquery.mobile-1.2.0.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="jquery/jquery.validate.min.js"></script> 
<script type="text/javascript" charset="utf-8"> 
$(document).on("pageinit", "#main", function() { 

    $("#add").validate({ 

    rules: 
    { 
     "name":{required:true}, 
     "comment":{required:true} 
     } 

    }); 

}); 
</script> 
</head> 
<body> 

<div data-theme="b" data-role="page" id="main"> 
<div data-theme="b" data-role="header" > 
<a href="index.html">index</a> 
<h1>Inscription</h1> 
</div> 
<div data-role="content"> 
    <form id="add" action=""> 
        <div data-role="fieldcontain"> 
         <fieldset data-role="controlgroup" data-mini="true"> 
          <label for="nom"> 
           Nom 
          </label> 
          <input name="name" id="name" placeholder="name" value="" type="text" /> 
         </fieldset> 
        </div> 
        <div data-role="fieldcontain"> 
         <fieldset data-role="controlgroup" data-mini="true"> 
          <label for="prenom"> 
           Prénom 
          </label> 
          <input name="comment" id="comment" placeholder="comment" value="" type="text" /> 
         </fieldset> 
        </div> 

         <input id="submit" data-theme="c" type="submit" data-inline="true" value="submit"> 
         <input id="reset" type="reset" data-inline="true" value="reset" /> 


     </form> 

</div> 
</div> 
</body> 
</html>

，這裏是我的索引頁：

<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>plane</title> 
<script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script> 
<link rel="stylesheet" type="text/css" href="jquery/css/jquery.mobile-1.2.0.min.css"/> 
<script type="text/javascript" charset="utf-8" src="jquery/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="jquery/jquery.mobile-1.2.0.min.js"></script> 
<script type="text/javascript" charset="utf-8"> 
//********************************************************* 
// Wait for Cordova to Load 
//********************************************************* 

document.addEventListener("deviceready", onDeviceReady, false); 

function onDeviceReady() { 

} 
</script> 
</head> 
<body> 
<div data-theme="b" data-role="page" id="main"> 
<div data-theme="b" data-role="header"> 
<h1>plane</h1> 
</div> 
<div data-role="content"> 
some content 
<a href="contact.html" data-role="button">begin</a> 
</div> 
</div> 
</body> 
</html>

任何幫助將不勝感激。

來源

2012-12-18 user1655410

嘗試這些網址進行驗證 http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js

<html> 

    <head> 

<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>Gestion des tests</title> 
<script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script> 
    <link rel="stylesheet" type="text/css" href="jquery/css/jquery.mobile-1.2.0.min.css"/> 
    <link rel="stylesheet" type="text/css" href="css/inscription.css"/> 
    <script type="text/javascript" charset="utf-8" src="jquery/jquery-1.8.3.min.js">  </script> 
    <script type="text/javascript" charset="utf-8" src="jquery/jquery.mobile-1.2.0.min.js">  </script> 
      <script type="text/javascript" charset="utf-8"  src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script> 
      <script type="text/javascript" charset="utf-8"> 
      $(document).on("pageshow", "#main", function() { 

      $("#add").validate({ 

     rules: 
       { 
       "name":{required:true}, 
       "comment":{required:true} 
      } 

     }); 
    }); 
</script> 
</head> 
<body> 

    <div data-theme="b" data-role="page" id="main"> 
    <div data-theme="b" data-role="header" > 
     <a href="index.html">index</a> 
      <h1>Inscription</h1> 
    </div> 
    <div data-role="content"> 
      <form id="add" action=""> 
       <div data-role="fieldcontain"> 
        <fieldset data-role="controlgroup" data-mini="true"> 
         <label for="nom"> 
          Nom 
         </label> 
         <input name="name" id="name" placeholder="name" value="" type="text" /> 
        </fieldset> 
       </div> 
         <div data-role="fieldcontain"> 
        <fieldset data-role="controlgroup" data-mini="true"> 
         <label for="prenom"> 
          Prénom 
         </label> 
         <input name="comment" id="comment" placeholder="comment" value="" type="text" /> 
        </fieldset> 
       </div> 

        <input id="submit" data-theme="c" type="submit" data-inline="true" value="submit"> 
        <input id="reset" type="reset" data-inline="true" value="reset" /> 


     </form> 

    </div> 
    </div> 
    </body> 
    </html>

來源

2012-12-18 10:11:06

感謝您的回覆，我用你的鏈接，你給我，但仍然沒有working.I不udestand，因爲當我使用相同的HTML文件我的瀏覽器只是爲了測試驗證而被解僱，但在本機android應用程序中沒有顯示任何錯誤。請提前感謝您 – user1655410

表單驗證在引發後未被觸發

回答

相關問題