表單驗證一直很繁瑣,特別是大點的表單,如果每個input都去單獨寫驗證簡直要寫死人,最近寫了一小段js統一的驗證表單內容是否正確。
使用這段代碼就不再需要對每個input寫格式判斷,只需要將正確格式的正則表達式寫在datatype里就可以了,提交表單按鈕也只需要綁定checkForm函數就可以了。
大家有什么建議可以評論一下
<input type="text" datatype=“正則”/>//表單驗證//點擊下一步事件function checkForm(form){var success = true;$("."+form+" input").each(function(){var $that = $(this);var dataType = eval($that.attr("dataType"));if(dataType!=undefined){if($that.val().match(dataType)){$that.removeClass("borderRed");}else{$that.focus();$that.addClass("borderRed");success = false;return false;}}})return success;}//給每個帶有datatype屬性的標簽綁定blur focus事件$(document).on("blur","input",function(){var $that = $(this);var dataType = eval($that.attr("dataType"));if(dataType!=undefined){if($that.val().match(dataType)){$that.removeClass("borderRed");}else{$that.addClass("borderRed");}}})$(document).on("focus","input",function(){$(this).removeClass("borderRed");});
以上內容給大家分享了jquery+正則實現統一的表單驗證,希望大家喜歡。
新聞熱點
疑難解答