📄 formvalidator帮助文档.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>formvalidate帮助文档</title>
<style type="text/css" media="all">
body,div{font-size:12px; margin:10px;}
table {
font-size: 12px;
}
</style>
</head>
<body>
<form name="form1" method="post" action="">
<p><font color="#000000" size="6"><strong>jQuery formvalidator插件 API帮助文档</strong></font></p>
<table width="610" border="0" cellspacing="0" cellpadding="2">
<tr valign="top">
<td colspan="4"> <p>目前支持4种大的校验方式，分别是：InputValidator（针对input、textarea、select控件）、CompareValidator、AjaxValidator、RegexValidator<br>
每种格式支持的控件类型如下：</p>
<table width="600" border="1" cellspacing="0" cellpadding="2">
<tr>
<td> </td>
<td colspan="5" align="center">input</td>
<td align="center">textarea</td>
<td align="center">select</td>
</tr>
<tr>
<td width="133">校验方式</td>
<td width="62" align="center">text</td>
<td width="72" align="center">radio</td>
<td width="67" align="center">checkbox</td>
<td width="77" align="center">file</td>
<td width="77" align="center">password</td>
<td width="75" align="center">textarea</td>
<td width="86" align="center">select-one</td>
</tr>
<tr>
<td>InputValidator</td>
<td>√</td>
<td>√</td>
<td>√</td>
<td>√</td>
<td>√</td>
<td>√</td>
<td>√</td>
</tr>
<tr>
<td>CompareValidator</td>
<td>√</td>
<td> </td>
<td> </td>
<td>√</td>
<td>√</td>
<td>√</td>
<td> </td>
</tr>
<tr>
<td>AjaxValidator</td>
<td>√</td>
<td> </td>
<td> </td>
<td>√</td>
<td>√</td>
<td>√</td>
<td>√</td>
</tr>
<tr>
<td>RegexValidator</td>
<td>√</td>
<td> </td>
<td> </td>
<td>√</td>
<td>√</td>
<td>√</td>
<td> </td>
</tr>
</table>
如果你用了不支持的校验功能，插件将忽略这个校验功能。 </td>
</tr>
<tr>
<td colspan="4"><br> <font color="#FF0000" size="2">插件目前提示错误，有两种模式：showword和showalert,即文字提示和窗口提示</font><font size="2">，下面的4大验证方式，针对<font color="#FF0000">showalert</font>这种方式不是都必须的，有些配置是没有作用的</font><br>
下面分别罗列全局初始化和5种校验方式公开的属性<br> </td>
</tr>
<tr>
<td width="128">formValidator:</td>
<td colspan="3">用来做初始化的类型，必须先执行</td>
</tr>
<tr>
<td colspan="4"><table width="600" border="1" cellspacing="0" cellpadding="2">
<tr>
<td>属性</td>
<td>属性名称</td>
<td>默认值</td>
<td align="center">showword</td>
<td align="center">showalert</td>
<td>详细解释</td>
</tr>
<tr>
<td width="84">validatorGroup</td>
<td width="133">校验组</td>
<td width="99">"1"</td>
<td width="58">√</td>
<td width="58">√</td>
<td width="100">一个页面的控件可以分成多个组，分开校验</td>
</tr>
<tr valign="top">
<td>empty</td>
<td>是否可以为空</td>
<td>false</td>
<td>√</td>
<td>√</td>
<td> </td>
</tr>
<tr valign="top">
<td>automodify</td>
<td>输入错误离开焦点的时候，自动修复错误</td>
<td>false</td>
<td>√</td>
<td>√</td>
<td>先给出提示然后，自动修复，目前只支持text、file、textarea三种类型</td>
</tr>
<tr valign="top">
<td>onempty</td>
<td>空时候的提示</td>
<td>"输入内容为空"</td>
<td>√</td>
<td> </td>
<td>可以为空，为空时候的提示</td>
</tr>
<tr valign="top">
<td>onshow</td>
<td>显示时候的提示</td>
<td>"请输入内容"</td>
<td>√</td>
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td>onfocus</td>
<td>获得焦点的提示</td>
<td>"请输入内容"</td>
<td>√</td>
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td>oncorrect</td>
<td>输入正确后的提示</td>
<td>"输入正确"</td>
<td>√</td>
<td> </td>
<td>当你焦点离开控件的时候，如果输入正确将出现该提示</td>
</tr>
<tr valign="top">
<td>onvalid</td>
<td>校验通过后的回调函数</td>
<td>null</td>
<td>√</td>
<td>√</td>
<td>参数1：对象本身 参数2：值 校验通过后，你还希望执行一些操作，你可以通过这个属性来执行。</td>
</tr>
<tr valign="top">
<td>onfocusevent</td>
<td>获得焦点后要追加的回调函数</td>
<td>null</td>
<td>√</td>
<td>√</td>
<td>参数1：对象本身</td>
</tr>
<tr valign="top">
<td>onblurevent</td>
<td>失去焦点后要追加的回调函数</td>
<td>null</td>
<td>√</td>
<td>√</td>
<td>参数1：对象本身</td>
</tr>
<tr valign="top">
<td>tipid</td>
<td>显示错误的容器ID</td>
<td>表单ID+"Tip"</td>
<td>√</td>
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td>defaultvalue</td>
<td>默认值</td>
<td>null</td>
<td>√</td>
<td>√</td>
<td>所有input和select表单。如果你不设置就保持原值，一旦设置就设为默认值。</td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td width="166"> </td>
<td width="135"> </td>
<td width="100"> </td>
</tr>
<tr>
<td>InputValidator：</td>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="4"><table width="600" border="1" cellspacing="0" cellpadding="2">
<tr>
<td width="72">属性</td>
<td width="144">属性名称</td>
<td width="98">默认值</td>
<td width="451">详细解释</td>
</tr>
<tr>
<td>type</td>
<td>比较类型</td>
<td>"size"</td>
<td>(对select无效)"size":表示比较长度 "value":比较值。</td>
</tr>
<tr>
<td>min</td>
<td>最小长度/值</td>
<td>0</td>
<td>(对select无效)</td>
</tr>
<tr>
<td>max</td>
<td>最大长度/值</td>
<td>99999999999999</td>
<td>(对select无效)</td>
</tr>
<tr>
<td>onerror</td>
<td>发生错误的提示</td>
<td>"输入错误"</td>
<td> </td>
</tr>
<tr>
<td>defaultvalue</td>
<td>默认值</td>
<td>null</td>
<td>能满足预设默认值的需求</td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>CompareValidator：</td>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="4"><table width="600" border="1" cellspacing="0" cellpadding="2">
<tr>
<td>属性</td>
<td>属性名称</td>
<td>默认值</td>
<td>详细解释</td>
</tr>
<tr>
<td>desID</td>
<td>要比较控件的ID</td>
<td>""</td>
<td>要跟源目标进行比较的目标ID</td>
</tr>
<tr>
<td>operateor</td>
<td>比较符号</td>
<td>"="</td>
<td>一共有如下几种类型:=、!=、>、>=、<、<=</td>
</tr>
<tr>
<td>datatype</td>
<td>数据类型</td>
<td>"string"</td>
<td>目前只支持2种:"string"、"number"</td>
</tr>
<tr>
<td>onerror</td>
<td>发生错误的提示</td>
<td>"输入错误"</td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>RegexValidator:</td>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="4"> <table width="600" height="0%" border="1" cellpadding="2" cellspacing="0">
<tr>
<td width="48" height="16%">属性</td>
<td width="112">属性名称</td>
<td width="112">默认值</td>
<td width="300">详细解释</td>
</tr>
<tr valign="top">
<td height="23%"><font color="#000000">regexp</font></td>
<td><font color="#000000">正则表达式</font></td>
<td><font color="#000000">""</font></td>
<td><font color="#FF0000">采用的是显式构造函数new RegExp("pattern"[,"flags"]);
由于Javascript 中'\' 被用作转义字符，所以在使用显示构造函数构造实例对象的时候，需要使用'\\' 代替'\' </font></td>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -