jquery的表單驗證方法,一個function能不能同時捕捉點擊事件和按鍵事件?能不能再最佳化下,有代碼。

標籤：下拉   amp   checkbox   property   hosts   index   input   attr   hang   

// 該jquery擴充引自 http://www.ghostsf.com/tools/389.html 方法名是作者部落格的命名
$.fn.ghostsf_serialize = function () {
　　var a = this.serializeArray();
　　var $radio = $(‘input[type=radio],input[type=checkbox]‘, this);
　　var temp = {};
　　$.each($radio, function () {
　　if (!temp.hasOwnProperty(this.name)) {
　　　　if ($("input[name=‘" + this.name + "‘]:checked").length == 0) {
　　　　temp[this.name] = "";
　　　　a.push({name: this.name, value: ""});
　　　　}
　　}
});
return jQuery.param(a);
};

// 粗製濫作的 表單判空
function verify2(valbtnId,valformId) {

　　$(valbtnId).attr(‘disabled‘,true);
　　var reg = /^\s*$/g;
　　$(valformId).keyup(‘change‘,function valkeyup(){

　　//var formdataarray = $(valformId).serialize().split(‘&‘); 未擷取到未選中的 checkbox radio

　　//使用擴充後 ghostsf_serialize() 方法可以擷取
　　var formdataarrayall = $(valformId).ghostsf_serialize().split(‘&‘);
　　var countf = 0;

　　for(var i = 0; i < formdataarrayall.length; i++) {

　　　　var labeltype = formdataarrayall[i].substring(0,formdataarrayall[i].indexOf(‘=‘));

　　　　if ($(‘*[name=‘+labeltype+‘]‘).is(‘select‘)) {
　　　　//如果是下拉框 觸發鍵盤事件 ?
　　　　　　if($(‘select[name=‘+labeltype+‘]‘).children(‘options:selected‘)){
　　　　　　　　if (!reg.test($(‘select[name=‘+labeltype+‘]:selected‘).val())) {
　　　　　　　　countf++;
　　　　　　　　}
　　　　　　}
　　　　}

　　　　if ($(‘*[name=‘+labeltype+‘]‘).is(‘input‘)) {
　　　　　　if($(‘*[name=‘+labeltype+‘]‘).attr(‘type‘) == ‘text‘){
　　　　　　　　if (!reg.test($(‘input[name=‘+labeltype+‘]‘).val())) {
　　　　　　　　countf++;
　　　　　　　　}
　　　　　　}
　　　　　　if ($(‘*[name=‘+labeltype+‘]‘).attr(‘type‘) == ‘checkbox‘) {
　　　　　　　　if ( !reg.test($(‘input[name=‘+labeltype+‘]:checked‘).val()) && $(‘input[name=‘+labeltype+‘]:checked‘).val()!= undefined) {
　　　　　　　　countf++;
　　　　　　　　}
　　　　　　}
　　　　　　if ($(‘*[name=‘+labeltype+‘]‘).attr(‘type‘) == ‘radio‘) {
　　　　　　　　if (!reg.test($(‘input[name=‘+labeltype+‘]:checked‘).val()) && $(‘input[name=‘+labeltype+‘]:checked‘).val()!= undefined) {
　　　　　　　　countf++;
　　　　　　　　}
　　　　　　}
　　　　}

　　}
　　valreturn(countf == i ? false : true,valbtnId);
});

$(valformId).change(‘click‘,function valchange(){
　　　　var formdataarrayall = $(valformId).ghostsf_serialize().split(‘&‘);
　　　　var countf = 0;
　　for(var i = 0; i < formdataarrayall.length; i++) {

　　　　var labeltype = formdataarrayall[i].substring(0,formdataarrayall[i].indexOf(‘=‘));

　　　　if ($(‘*[name=‘+labeltype+‘]‘).is(‘select‘)) {

　　　　　　if($(‘select[name=‘+labeltype+‘]‘).children(‘options:selected‘)){
　　　　　　　　if (!reg.test($(‘select[name=‘+labeltype+‘]‘).val())) {
　　　　　　　　countf++;
　　　　　　　　}
　　　　　　}
　　　　}

　　　　if ($(‘*[name=‘+labeltype+‘]‘).is(‘input‘)) {
　　　　　　　　//alert($(‘*[name=‘+labeltype+‘]‘).prop(‘type‘));
　　　　　　　　if($(‘*[name=‘+labeltype+‘]‘).attr(‘type‘) == ‘text‘){
　　　　　　　　　　if (!reg.test($(‘input[name=‘+labeltype+‘]‘).val())) {
　　　　　　　　　　countf++;
　　　　　　　　　　}
　　　　　　　　}
　　　　　　if ($(‘*[name=‘+labeltype+‘]‘).attr(‘type‘) == ‘checkbox‘) {
　　　　　　　　if ( !reg.test($(‘input[name=‘+labeltype+‘]:checked‘).val()) && $(‘input[name=‘+labeltype+‘]:checked‘).val()!=undefined) {
　　　　　　　　countf++;
　　　　　　　　}
　　　　　　}
　　　　　　if ($(‘*[name=‘+labeltype+‘]‘).attr(‘type‘) == ‘radio‘) {
　　　　　　　　if (!reg.test($(‘input[name=‘+labeltype+‘]:checked‘).val()) && $(‘input[name=‘+labeltype+‘]:checked‘).val()!=undefined) {
　　　　　　　　countf++;
　　　　　　　　}
　　　　　　}
　　　　}
　　}
　　valreturn(countf == i ? false : true,valbtnId);
});

}

function valreturn(val,valbtnId){
　　　　$(valbtnId).attr(‘disabled‘,val);
　　　　return val;
}

 

jquery的表單驗證方法,一個function能不能同時捕捉點擊事件和按鍵事件?能不能再最佳化下,有代碼。