0

フォーム検証に関するチュートリアルを読んでいて、それに従いました。フォームはまだ検証されていません。私を助けてください。ありがとう

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="stylesheet.css" type="text/css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>    
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script>
$(document).ready(function(){
    $("#registerForm").validate();
  });
</script>

<title>9am Resource Agency</title>
</head>

フォームはこちら

 <form id="form1" class="registerForm" method="post" action="mailsent.php">                                                
                      <input name="name" class="required" type="text" minlength="3"  id="name"  style="font-family: Verdana; color:#FFFFFF; ; font-size: 13px; background-color: #0E0E0F;border: 1px solid #740086; margin-bottom:10px;  width:385px;" size="32" value="Name" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>                  
                      <input name="email" class="required" type="text" id="email" minlength="5"  style=" font-family: Verdana;  font-size: 13px;  color:#FFFFFF; background-color: #0E0E0F; border: 1px solid #740086;  margin-bottom:10px;   width:385px;" size="38" value="Email" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />
                      <input name="phone"  type="text" id="phone" minlength="7" style=" font-family: Verdana; color:#FFFFFF; font-size: 13px;background-color: #0E0E0F; border: 1px solid #740086; width:385px;  margin-bottom:10px;" size="385" value="Phone #" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>
                     <textarea
                     minlength="10"
                     class="required"
    name="message"
    cols="37"
    rows="12"
    id="message"
    style="font-family:Verdana; color:#FFFFFF; font-size:13px; background-color:#0E0E0F; border:1px solid #740086; width:385px;margin-bottom:10px;overflow:hidden;"
    onFocus="if(this.value==this.defaultValue)this.value='';"
    onBlur="if(this.value=='')this.value=this.defaultValue;">
Message
</textarea>

                      <input style="margin-left:303px; margin-top:20px;" type="image" src="logonbutton.png" name="Submit" value="Submit" />                    
   </form>
4

4 に答える 4

3

を使用して$("#registerForm").validate();いますが、フォーム ID はform1です。への変更：

$("#form1").validate();
于 2012-06-09T11:54:19.400 に答える
2

動作デモ http://jsfiddle.net/dMTCq/

良いリンク: http://docs.jquery.com/Plugins/Validation/validate

また、私の以前のデモの 1 つから何かおまけがあります: http://jsfiddle.net/CRfuZ/

これは役立つはずです:)

コード

jQuery(function($) {
    $("#form1").validate();
});

*授業で使いたい場合は * .このように。

jQuery(function($) {
    $(".registerForm").validate();
});
于 2012-06-09T11:54:52.863 に答える
2

ヘッドに 2 つの jquery-core ファイルを含める必要はありません。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
于 2012-06-09T11:56:58.977 に答える
1

スクリプト タグに 2 つのバージョンの jQuery がある理由が気になります。バージョン 1.6.1 およびバージョン 1.3.2

また、jQuery 検証を実行する場合に必要な jQuery 控えめな検証も含めていません。

1.6.1 と競合しているため、バージョン 1.3.2 の行を削除してから、検証に必要なスクリプトを追加することをお勧めします。この順序で:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

jQuery の最新バージョンが必要な場合は、1.6.1 スクリプトを使用する代わりにこれを使用することをお勧めします。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

これらの 4 行は_Layout、セクション内のビューに配置してhead、すべてのビューで使用できるようにすることができます。次に、これらを個々のビューに配置する必要はまったくありません

于 2012-06-09T12:00:20.300 に答える