jQ 表单验证插件


/***
 *  表单验证插件 
 *  @author chenshuofeng
 * 
 *  use:
 *  example 1 
 *  -------
 *  HTML:
 *   
* * *
* ------- * JS: * $("#checkInput").checkInput(); //Checking input is null; * * $("#checkInput").checkInput({ * checkPhone:'#phone' * }) //Checking #phone is a mobile phone number * * 判断手机号或者邮箱需要配置参数 * */
; (function ($) { var defualt = {}; $.fn.checkInput = function (options) { var settings = $.extend({}, options); if (!$.fn.checkInput.checkNull(this)) return false; if (JSON.stringify(settings) == JSON.stringify(defualt)) return true; for(var key in settings){ if(!$.fn.checkInput[key](settings[key])) return false; } return true; } $.fn.checkInput.checkNull = function (obj) { //不为空返回true; var key = true; obj.find("input").each(function (index, value) { var v = $(value).val(); if (v == '' || v == null || v == undefined) { layer.open({ content: '手机号或验证码不能为空!', skin: 'msg', time: 2 //2秒后自动关闭 }); key = false; return false; } }); return key; } $.fn.checkInput.checkPhone = function (obj) { //正确返回true var phoneNumber = $(obj).val(); if ((/^1[3|4|5|6|8][0-9]{9}/g).test(phoneNumber)) return true; layer.open({ content: '手机号码不正确!', skin: 'msg', time: 2 //2秒后自动关闭 }); return false; } $.fn.checkInput.checkNumber = function (obj) {//正确返回true var number = $(obj).val(); if (number.test(/\D+/g)){ alert("请填写数字") return false; } return true; } $.fn.checkInput.checkEmail = function (obj) { //正确返回true var email = $(obj).val(); if ((/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/).test(email)) return true; layer.open({ content: '请填写正确的邮箱!', skin: 'msg', time: 2 //2秒后自动关闭 }); return false; } })(jQuery);

你可能感兴趣的:(jQ 表单验证插件)