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要素. });
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()メソッドを手動で呼び出す必要があります.
5.カスタムチェック.
$.validater.addMethod( name , function( value , ele , params ) , msg ); name:ルール名が重複しない唯一のfn:function(value,ele,params){value:検証が実行されたときの入力ボックスの値を表すele:検証が実行されたときの入力ボックスオブジェクトparamsを表す:カスタムルールを使用するときにルールパラメータを渡す}//検証ルールの作成//bool戻り値msg:デフォルトエラーメッセージ
01_省市連動事例:
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:" !"
}
}
});
})