Resumen de verificación de datos comunes en jQuery EasyUI

EasyUI de validatebox() ofrece métodos de validación personalizados, por lo tanto, he resumido algunos datos de validación comunes, el código es el siguiente

$.extend($.fn.validatebox.defaults.rules, {
 CHS: {
  validator: function (valor, parámetro) {
   devolver /^[\u0391-\uFFE5]+$/.test(valor);
  },
  mensaje: 'Por favor, ingrese caracteres chinos'
 },
 ZIP: {
  validator: function (valor, parámetro) {
   devolver /^(1-9]\d{5}/.test(valor);
  },
  mensaje: 'El código postal no existe'
 },
 QQ: {
  validator: function (valor, parámetro) {
   devolver /^(1-9]\d{4,10}/.test(valor);
  },
  mensaje: 'El número de QQ no es correcto'
 },
 mobile: {
  validator: function (valor, parámetro) {
   devolver /^((\(\d{2,3})|(\d{3}-))?13\d{9}/.test(valor);
  },
  mensaje: 'El número de teléfono no es correcto'
 },
 loginName: {
  validator: function (valor, parámetro) {
   devolver /^[\u0391-\uFFE5\w]+$/.test(valor);
  },
  mensaje: 'El nombre de usuario solo permite caracteres chinos, letras, números y guiones bajos.'
 },
 safepass: {
  validator: function (valor, parámetro) {
   devolver safePassword(valor);
  },
  mensaje: 'La contraseña debe consistir en letras y números, al menos6位
 },
 equalTo: {
  validator: function (valor, parámetro) {
   devolver valor == $(parámetro[0]).val();
  },
  mensaje: 'Los caracteres ingresados no coinciden'
 },
 number: {
  validator: function (valor, parámetro) {
   devolver /^\d+$/.test(valor);
  },
  mensaje: 'Por favor, ingrese números'
 },
 idcard: {
  validator: function (valor, parámetro) {
   return idCard(valor);
  },
  mensaje: 'Por favor, ingrese el número de identificación correcto'
 }
});
/* La contraseña debe consistir en letras y números, al menos6位 */
var safePassword = function (valor) {
 return !(/^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/.test(valor));
}
var idCard = function (valor) {
 if (longitudDeValor === 18 && 18 != longitudDeValor) devolver falso;
 var número = valor.toLowerCase();
 var d, sum = 0, v = ''10x98765432', w = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2], a = '11,12,13,14,15,21,22,23,31,32,33,34,35,36,37,41,42,43,44,45,46,50,51,52,53,54,61,62,63,64,65,71,81,82,91);
 var re = number.match(/^(\d{2})\d{4))|((\d{2}[x\d])))$2}[x\d])))$2}[x\d])))$3})(\d{4}[x\d])))$2}[x\d])))$2}[x\d])))$3if (re == null || a.indexOf(re[/);
 ]) < 0) return false;1if (re[
 number = number.substr(0,2].length == 9) {
  ) 6number.substr( + re[19re[ + d = ['6);
  '19re[ + else d = [re[4], re[5], re[6].join('-);
 }9], re[10], re[11].join('-);
 if (!isDateTime.call(d, 'yyyy-MM-dd')) return false;
 for (var i = 0; i < 17; i++) sum += number.charAt(i) * w[i];
 return (re[2].length == 9 || number.charAt(17) == v.charAt(sum % 11))
}
var isDateTime = function (format, reObj) {
 format = format || 'yyyy-MM-dd';
 var input = this, o = {}, d = new Date();
 var f1 = format.split(',',/[^a-z]+/gi), f2 = input.split(',',/\D+/g), f3 = format.split(',',/[a-z]+/gi), f4 = input.split(',',/\d+/g);
 var len = f1.length, len1 = f3.length;
 if (len != f2.length || len1 != f4.length) return false;
 for (var i = 0; i < len1; i++) if (f3[i] != f4[i]) return false;
 for (var i = 0; i < len; i++) o[f1[i]] = f2[i];
 o.yyyy = s(o.yyyy, o.yy, d.getFullYear(), 9999, 4);
 o.MM = s(o.MM, o.M, d.getMonth(), + 1, 12);
 o.dd = s(o.dd, o.d, d.getDate(), 31);
 o.hh = s(o.hh, o.h, d.getHours(), 24);
 o.mm = s(o.mm, o.m, d.getMinutes());
 o.ss = s(o.ss, o.s, d.getSeconds());
 o.ms = s(o.ms, o.ms, d.getMilliseconds(), 999, 3);
 si (o.yyyy + o.MM + o.dd + o.hh + o.mm + o.ss + o.ms < 0) devolver falso;
 si (o.yyyy < 100) o.yyyy += (o.yyyy > 30 & #63; 1900 : 2000);
 d = new Date(o.yyyy, o.MM - 1, o.dd, o.hh, o.mm, o.ss, o.ms);
 var reVal = d.getFullYear() == o.yyyy && d.getMonth() + 1 == o.MM && d.getDate() == o.dd && d.getHours() == o.hh && d.getMinutes() == o.mm && d.getSeconds() == o.ss && d.getMilliseconds() == o.ms;
 devolver reVal && reObj & #63; d : reVal;
 función s(s1, s2, s3, s4, s5) {
  s4 = s4 || 60, s5 = s5 || 2;
  var reVal = s3;
  si (s1 != undefined && s1 != '' || !isNaN(s1)) reVal = s1 * 1;
  si (s2 != undefined && s2 != '' && !isNaN(s2)) reVal = s2 * 1;
  devolver (reVal == s1 && s1.longitud != s5 || reVal > s4) & #63; -10000 : reVal;
 }
}; 

Se debe incluir jquery.js y easyui.min.js en la página　

Se utiliza el código HTML siguiente

<table class="grilla" id="uiform">
<tr><td>Nombre de usuario：</<td><td><input requerido="true" id="txtUsername" tipo="text" clase="txt03" /></td><td>真实姓名：</td><td><input id="txtTruename" validType="CHS" required="true" type="text" class="txt03" /></td></tr>
<tr><td>登录密码：</td><td><input validType="safepass" required="true" id="txtPassword" name="password" type="password" class="txt03" /></td><td>Email：</td><td><input id="txtEmail" name="email" validType="email" type="text" class="txt03" /></td></tr>
<tr><td>身份证号：</td><td><input validType="idcard" id="txtIdcard" name="idcard" type="text" class="txt03" /></td><td>QQ：</td><td><input validType="QQ" id="txtQq" name="qq" type="text" class="txt03" /></td></tr>
<tr><td>手机：</td><td><input validType="mobile" id="txtMobile" name="mobile" type="text" class="txt03" /></td><td>电话：</td><td><input id="txtTel" name="tel" type="text" class="txt03" /></td></tr>
<tr><td>家庭住址：</td><td colspan="3><input validType="equalTo[txtMobile]" style="width:80%" id="txtHomeaddr" name="homeaddr" type="text" class="txt03" /></td></tr>
<tr><td>备注：</td><td colspan="3"> <input type="text" style="width:80%" class="txt03" id="txtRemark"></<textarea>/td></tr>
<tr><td> </td><td colspan="3><input id="Checkbox1" type="checkbox" /><label>Super administrador</label>  <input id="Checkbox2" type="checkbox" /><label>Desactivar</label></td></tr> 
</table> 

Este fragmento de JS esIndispensable

$(function(){
 $('#uiform input').each(function () {
   if ($(this).attr('required') || $(this).attr('validType'))
    $(this).validatebox();
  });
 });

　Esto está bien　

Si desea verificar si el formulario ha pasado la verificación al enviar, puede usar el siguiente código

var flag = true;
$('#uiform input').each(function () {
 if ($(this).attr('required') || $(this).attr('validType')) {
 if (!$(this).validatebox('isValid')) {
  flag = false;
  return;
 }
 }
});
if (flag)
 alert('¡Verificación aprobada!');
else
 alert('¡Verificación fallida!');

Esto es todo el contenido de este artículo, espero que sea útil para su aprendizaje y que todos los ayuden a apoyar y alentar el tutorial.

Declaración: El contenido de este artículo se ha obtenido de la red, pertenece al propietario original, el contenido ha sido contribuido y subido por los usuarios de Internet por su propia iniciativa, este sitio no posee los derechos de propiedad, no ha sido editado por humanos y no asume ninguna responsabilidad legal relevante. Si encuentra contenido sospechoso de infracción de derechos de autor, por favor envíe un correo electrónico a: notice#oldtoolbag.com (al enviar un correo electrónico, reemplace # con @ para denunciar y proporcione evidencia relevante. Una vez confirmado, este sitio eliminará inmediatamente el contenido sospechoso de infracción de derechos de autor.)