jQuery-関数遍歴およびvalidationプラグイン使用(フォームチェック).

5663 ワード

1.属性操作:val,text,html
val():valueプロパティの値を取得します.val(...):valueプロパティに値を設定します.text():テキストの内容を取得し、ラベルがあれば無視して取得しない.text(...):テキストの内容を設定し、ラベルがあれば解析しない.html():html属性を取得し、ラベルがあれば、一括して取得する.html(...):htmlプロパティを設定し、ラベルがあれば解析します.注意:取得はすべて取得の最初のものです.設定はすべて設定.
2.関数遍歴:each
方式1:$(「セレクタ」).each(function(index,ele){index:遍歴中のインデックス.0から.ele==this:遍歴中のdom要素.          });
   2:
       $.each($("   ") , function(index,ele){
 
       });

3.文書アクション:
内部挿入:a.append(b):BをA内部の後ろに挿入する.A.appendTo(B):AをB内部の後ろA.prepend(B):BをA内部の前に挿入する.A.prependTo(B):AはB内部の前面に挿入する.外部挿入:a.after(b)/aの後挿入b a.before(b)/aの前挿入b.insertAfter(b)/aの後挿入b.insertBefore(b)/aの前挿入b削除要素:remove//削除.Empty//クリア
4.validationプラグイン:フォームチェックを行います.
プラグイン:カプセル化されたいくつかのjs方法を、ある特定の応用を解決する.(フォーム)インポート:1.jqueryライブラリをインポートします.2.validationライブラリをインポートします.3.国際化リポジトリの使用前提:ページのロードに成功しました->セレクタを使用してチェックアウトしたフォームを選択するにはvalidate()メソッドを手動で呼び出す必要があります.
$("   ").validate({
			rules:{
   			    name   :   ,
			    ...
            },
			messages:{
				name   :"    ",
				...
			}
});

5.カスタムチェック.
$.validater.addMethod( name , function( value , ele , params ) , msg ); name:ルール名が重複しない唯一のfn:function(value,ele,params){value:検証が実行されたときの入力ボックスの値を表すele:検証が実行されたときの入力ボックスオブジェクトparamsを表す:カスタムルールを使用するときにルールパラメータを渡す}//検証ルールの作成//bool戻り値msg:デフォルトエラーメッセージ
01_省市連動事例:


	
		
		
	
	<script src="../js/jquery-1.11.0.min.js"/>
	<script type="text/javascript">
		//       :
		var arr = new Array(4);
		arr[0] = new Array("   ","    ","  ","   ");
		arr[1] = new Array("   ","   ","   ","   ");
		arr[2] = new Array("   ","   ","   ","   ");
		arr[3] = new Array("   ","   ","   ","   ");
		
	 	//        . 
	 	$(function(){
	 		//         . 
	 		$("[name='pro']").change(function(){
	 			// alert(this.value)
	 			//          . 
	 			var arrays = arr[$(this).val()]; 
	 			
	 			//      .
	 			$("[name='city']").html("<option >-   -</option>")
	 			
	 			//     . 
	 			$(arrays).each(function(){
	 				// alert(this)
	 				var name = this; 
	 				var option ="<option>"+name+"</option>"; 
	 				$("[name='city']").append(option); 
	 			})
	 		})
	 	})
	</script>
	
		<form action="#" method="get">
			  :
				<select name="pro">
					<option>-   -</option>
					<option value="0">   </option>
					<option value="1">  </option>
					<option value="2">  </option>
					<option value="3">  </option>
				</select>
				<select name="city">
					<option>-   -</option> 	
				</select>
			<br/>
			<input type="submit" value="  "/>
			<input type="reset"/>
			<input type="button" value="    "/>
		</form>
	

</code></pre> 
  <p><strong>02_      :</strong></p> 
  <pre><code>


	
		<meta charset="UTF-8"/>
		<title>    
	
	
	
	
	
	
	
	
	
		$(function(){
			$("#formid").validate({
				rules:{
					username:{
						required:true, 
						rangelength:[2,6]
					},
					password:{
						number:true, 
						rangelength:[2,6]
					},
					repassword:{
						number:true, 
						equalTo:"[name='password']"
					},email:{
						required:true,
						email:"email"
					},sex:{
						required:true 
					}
					
				},
				messages:{
					username:{
						required:"       !", 
						rangelength:"     {0}~{1}  "
					},
					password:{
						number:"       !", 
						rangelength:"     {0}~{1}  "
					},
					repassword:{
						number:"       !", 
						equalTo:"       ..."
					},email:{
						required:"      !",
						email:"     ..."
					},sex:{
						required:"  !"
					}
					
					
				}
			});
		})
	
	
		
USER REGISTER
:
:
:
Email:
:
: