EasyUI Validatebox Verifizierung_Grundkenntnisse-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

EasyUI Validatebox Verifizierung_Grundkenntnisse

May 16, 2016 pm 03:03 PM

easyui

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
 &lt;script src="easyui1.2.4/jquery-1.6.min.js" type="text/javascript"&gt;&lt;/script&gt;
 &lt;script src="easyui1.2.4/jquery.easyui.min.js" type="text/javascript"&gt;&lt;/script&gt;
 &lt;!--自定义验证--&gt;
 &lt;script src="easyui1.2.4/validator.js" type="text/javascript"&gt;&lt;/script&gt;
 &lt;link href="easyui1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" /&gt;
 &lt;script&gt;
 
  $(function () {
    
   //设置text需要验证
   $('input[type=text]').validatebox();
  })
  
 &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
 邮箱验证：&lt;input type="text" validtype="email" required="true" missingMessage="不能为空" invalidMessage="邮箱格式不正确" /&gt;&lt;br /&gt;
 网址验证：&lt;input type="text" validtype="url" invalidMessage="url格式不正确[http://www.example.com]" /&gt;&lt;br /&gt;
 长度验证：&lt;input type="text" validtype="length[8,20]" invalidMessage="有效长度8-20" /&gt;&lt;br /&gt;
 手机验证：&lt;input type="text" validtype="mobile" /&gt;&lt;br /&gt;
 邮编验证：&lt;input type="text" validtype="zipcode" /&gt;&lt;br /&gt;
 账号验证：&lt;input type="text" validtype="account[8,20]" /&gt;&lt;br /&gt;
 汉字验证：&lt;input type="text" validtype="CHS" /&gt;&lt;br /&gt;
 远程验证：&lt;input type="text" validtype="remote['checkname.aspx','name']" invalidMessage="用户名已存在"/&gt;
&lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

//自定义validator.js
//扩展easyui表单的验证
$.extend($.fn.validatebox.defaults.rules, {
 //验证汉字
 CHS: {
  validator: function (value) {
   return /^[\u0391-\uFFE5]+$/.test(value);
  },
  message: '只能输入汉字'
 },
 //移动手机号码验证
 mobile: {//value值为文本框中的值
  validator: function (value) {
   var reg = /^1[3|4|5|8|9]\d{9}$/;
   return reg.test(value);
  },
  message: '输入手机号码格式不准确.'
 },
 //国内邮编验证
 zipcode: {
  validator: function (value) {
   var reg = /^[1-9]\d{5}$/;
   return reg.test(value);
  },
  message: '邮编必须是非0开始的6位数字.'
 },
 //用户账号验证(只能包括 _ 数字 字母) 
 account: {//param的值为[]中值
  validator: function (value, param) {
   if (value.length &lt; param[0] || value.length &gt; param[1]) {
    $.fn.validatebox.defaults.rules.account.message = '用户名长度必须在' + param[0] + '至' + param[1] + '范围';
    return false;
   } else {
    if (!/^[\w]+$/.test(value)) {
     $.fn.validatebox.defaults.rules.account.message = '用户名只能数字、字母、下划线组成.';
     return false;
    } else {
     return true;
    }
   }
  }, message: ''
 }
})

Nach dem Login kopieren

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn