乙個簡單的驗證框架

工作中經常要進行表單驗證，乙個**做下來，自己也積累了一套。放出來做個備份！

框架的兩個核心方法，乙個是用於處理提示資訊，另乙個是呼叫驗證函式！

//用於顯示錯誤提示

//html 格式

//@param id 元素的css表示式 //@param status //0 表示失敗，這時第三個引數有效，顯示這紅色字 //1表示成功，會在此元素的父節點上新增乙個叫okey的類名，顯示綠色的勾號 //2表示隱藏，去掉元素的innerhtml與父節點上的okey的類名 //@param msg 錯誤訊息 function showtip(id, status, msg) } break; case 1: parent.addclass("okey"); if(node) break case 2: parent.removeclass("okey"); if(node) break } } showtip.nodes = ; /** *@param root 繫結事件的元素的css選擇器，通常是form元素 *@param name 控制項的類名，要去掉前面的點號。之所以用類名，因為checkbox是一組的，共用乙個name值，不能用id *@param obj 驗證用的函式與錯誤提示，錯誤提示作為鍵名，函式為值。 *@param checktype 觸發驗證用的事件名，預設為blur */ function validate(root, name, obj, checktype) } if(ok) } ).delegate("."+name, "focus",function()) } /* * 根據手機號碼獲取運營商的序號 * @param 11位手機號碼 * @return 各運營商對應的序號 * 0 : 移動，1 : 聯通，2 ：電信，-1 : 號碼錯誤 */ var getisp = function( number )$/, // 移動 runicom = /^(130|131|132|155|156|186|185)[0-9]$/, // 聯通 rct = /^(133|153|189|180)[0-9]$/; // 電信 return rcmcc.test(number) ? 0 : runicom.test(number) ? 1 : rct.test(number) ? 2 : -1; };

表單的結構。每乙個表單都有乙個與它name值同名的類名，並且還有span標籤用於放置錯誤訊息，span裡面有個em元素，它的類名比控制項的類名多了乙個「err_」字首！

簡單示例：

validate("#add_widget_form", "name",
});var checknumber = 
}validate("#add_widget_form", "width", checknumber);
validate("#add_widget_form", "height",checknumber)
validate("#add_widget_form", "video_count",
});validate("#add_widget_form","email",
});validate("#add_widget_form","phone",$/.test(val)
}});

如果有一些驗證一定要在後端，那麼發現出錯，就把它們放到乙個物件中，格式，即

$("#submit_info").click( function()
$.post(url, params,function(json)else}})
})

乙個簡單的驗證框架

乙個簡單的AOP框架

乙個簡單的驗證碼

乙個簡單的表單驗證JS

乙個簡單的驗證框架

乙個簡單的AOP框架

乙個簡單的驗證碼

乙個簡單的表單驗證JS

相關推薦