2012-04-30 8 views
0

これは私のJSコードです:jQueryの検証メソッド

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#form").validate({ 
      rules: { 
       sub: "required", 
       msg: "required" 
      } 
     }); 
    }); 
</script> 

これは、スクリプトのインポートです:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>  
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 

、これが私のMVCのフォームです:

<% using (Html.BeginForm("RepR", "Agence", FormMethod.Post, new { @class = "search_form", @id= "form"})) { %> 
    <%: Html.ValidationSummary(true) %> 
    <%: Html.Hidden("to", Model.mailc) %> 
    <p> 
    Sujet : <br /> 
    <%: Html.TextBox("sub")%> 
    <%: Html.ValidationMessage("sub","Suijet est obligatoire") %> 
    <br /> 
    Message : <br /> 
    <%: Html.TextArea("msg", new { @cols = "50", @rows = "5" })%> 
    </p> 
    <input type="submit" value="Envoyer" class="button"/> 

これがされHtmlコードソース:

<script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
    <script src="../../Scripts/jquery.ui.datepicker.js" type="text/javascript"></script> 
    <script src="../../Scripts/jquery.ui.core.min.js" type="text/javascript"></script> 
    <script src="../../Scripts/jquery.ui.widget.js" type="text/javascript"></script> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 
</head> 
    <body> 
     //html code 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       $("form").validate({ 
        rules: { 
         sub: "required", 
         msg: "required" 
        } 
       }); 
      }); 
     </script> 

    //html code 
    <form action="/Agence/RepR/9" class="search_form" method="post"> 
     <input id="to" name="to" type="hidden" value="[email protected]" /> 
     <p> 
      Sujet : <br /> 
      <input id="sub" name="sub" type="text" value="" /> 
      <span class="field-validation-valid" data-valmsg-for="sub" data-valmsg-replace="false">Suijet est obligatoire</span> 
      <br /> 
      Message : <br /> 
      <textarea cols="50" id="msg" name="msg" rows="5"></textarea> 
     </p> 
     <input type="submit" value="Envoyer" class="button"/> 
    </form> 

なぜ動作しないのか、つまり検証しないのは誰か教えてください。

+1

我々は最終的なHTMLの代わりに、MVCのビューを見ることができれば診断しやすくなります。 –

+0

チェックポスト私はそれを更新しました – Chlebta

+0

まだ間違った検証URLがあります。 –

答えて

0

検証プラグインへのあなたのリンクが404エラーを返します:http://bugs.jquery.com/view/trunk/plugins/validate/jquery.validate.js

あなたは開発のためにこれを使用することができます。 http://jzaefferer.github.com/jquery-validation/jquery.validate.js

+0

同じ結果を得ることはできませんでした。 – Chlebta

+0

私の[jsFiddle](http://jsfiddle.net/styson/nbmkc/1/)で試してみてください。 )。 –

+0

http://jsfiddle.net/styson/nbmkc/1/ – Chlebta