jQueryフォーム検証拡張コード(2)_jquery

$.fn.extend({
checkRequired:function(inputArg){
//必須フィールドのみが
if(inputArg.required){
//入力ボックスであるかどうかを検証する
if($(this).is("input") || $(this).is ("textarea")){
//フォーカスプロンプトを取得します
$(this).bind("focus",function(){
//テキストが存在する場合、プロンプトのスタイルを置き換えないでください
if ($(this).val() != unknown && $(this).val() != "") {
//正しい情報テキストを表示します
addText(inputArg.targetId,inputArg.onSuccessText);
//スタイルを切り替えます
addClass(inputArg.targetId,inputArg.onSuccessClass);
//フォーカス テキストを表示します
addText(inputArg.targetId,inputArg.onFocusText);
//スタイルの切り替え
addClass(inputArg.targetId,inputArg.onFocusClass)
});
$(this).bind(" Blur",function(){
if($(this).attr("type")=="ラジオ" || $(this).attr("type ")=="チェックボックス"){
var name=$(this).attr("name");
var items=$('input[@name="" name ""][チェック済み] ');
if(items.length>0){
addMessage(true,inputArg)
}else{
addMessage(false,inputArg); {
if($(this).val()!=未定義 && $(this).val()!=""){
addMessage(true,inputArg);
>addMessage(false,inputArg);
}
}
});
}
}
}); /
function addMessage(flag,inputArg) {
if(flag){
//正しい情報テキストを表示します
addText(inputArg.targetId,inputArg.onSuccessText)
//Switch style
addClass(inputArg.targetId,inputArg.onSuccessClass);
}else{
//エラーメッセージテキストを表示
addText(inputArg.targetId,inputArg.onErrorText); style
addClass(inputArg.targetId,inputArg.onErrorClass);
}
}
/**
* さまざまなタイプの入力ボックスに基づいて決定
* @param {Object} flag
* @param {Object} inputArg
*/
function addText(targetId,text){
if( text==未定義){
text=" ";
}
$("#" targetId).html(" " " text);
}
/**
* 表示するテキスト情報をターゲットコントロールに追加
* @param {Object} targetId ターゲットコントロール ID
* @param {Object} text 表示するテキスト情報
*/
function addClass(targetId,className){
if(className!=unknown && className!=""){
$("#" targetId).removeClass(); "#" targetId).addClass(className);
}
}


jQuery を使用したことのある人なら誰でも、jQuery が非常に拡張しやすいフレームワークであることを知っています。コアライブラリを拡張します。このフォームバリデーションは、この拡張機能に基づいて拡張されています。
ここではコードの再利用性の問題も考慮されており、共通のコードが分離されているため、最終的なコードが大幅に削減されます。
jQuery フォーム検証拡張機能には共通メソッドの抽出が必要です




コードをコピー


コードは次のとおりです:

这里不多说了，文章持续更新中！有问题进一步做修改中.......