1.まず必要なjsとcssをプロジェクトに追加します 2. コードに参照 (必須参照) を追加します コードをコピーします コードは次のとおりです。 --フォーム検証に必要なライブラリ--> > 3. で検証するタグ (いくつかの一般的なデモを作成します) コードをコピーします🎜> コードは次のとおりです: 身份证(正则表达式库): 身份证(外部函数): 整数: 正整数: 负整数: 数字: 正数(正整数 + 0): 负数(负整数 + 0): 浮点数: 正浮点数: 负浮点数: 非负浮点数(正浮点数 + 0): 非正浮点数(负浮点数 + 0): 颜色: 你的EMAIL: 手机: 邮编: 非空: 图片: 压缩文件: ip4: QQ号码: 国内电话: 用户名: 字母: 大写字母: 小写字母: 身份证: 4. コードをコピー コードは次のとおりです: <br>$(document).ready(function () { <br>$.formValidator.initConfig({ formID: "form1", onError: function () {alert("検証に失敗しました。特定のエラーについてはエラー メッセージを参照してください") } }); <br>$("#sfz").formValidator({ onShow: "15 桁または 18 桁を入力してくださいID カード ", onfocus: "15 桁または 18 桁の ID カードを入力してください", onCorrect: "入力は正しいです" }).regexValidator({ regExp: "idcard", dataType: "enum", onError: "ID カードの形式入力した ID カードが間違っています " }); ; <br>$("#sfz1").formValidator({ onShow: "15 桁または 18 桁の ID カードを入力してください", onfocus: "15 桁または 18 桁の ID カードを入力してください18 桁の ID カード", onCorrect: "正しい値を入力してください" }).functionValidator({ fun: isCardID }); <br>$("#zs").formValidator({ onShow: "整数を入力してください", onCorrect: "ご協力ありがとうございます。整数は正しいです。" } ).regexValidator({ regExp: "intege", dataType: "enum", onError: "整数の形式が正しくありません" }); ").formValidator({ onShow: "正の整数を入力してください" , onCorrect: "ご協力ありがとうございます。正の整数は正しいです" }).regexValidator({ regExp: "intege1", dataType: "enum", onError : "正の整数の形式が正しくありません" }); <br>$( "#fzs").formValidator({ onShow: "負の整数を入力してください", onCorrect: "ご協力ありがとうございます。負の整数は正しいです" }).regexValidator({ regExp: "intege2", dataType: "enum", onError: "負の整数形式が正しくありません" }); <br>$("#sz").formValidator({ onShow: "入力してください数字", onCorrect: "ご協力ありがとうございます。番号は正しいです" }).regexValidator({ regExp: "num", dataType: "enum", onError: "数値の形式が正しくありません" }); <br>$("#zs1").formValidator({ onShow: "正の数を入力してください", onCorrect : "ご協力ありがとうございます。正の数は正しいです" }).regexValidator({ regExp: "num1", dataType : "enum", onError: "正の数値の形式が正しくありません" }); <br>$("# fs").formValidator({ onShow: "負の数値を入力してください", onCorrect: "ご協力ありがとうございます、負の数値は正しいです" }).regexValidator({ regExp: "num2", dataType: "enum", onError: "負の数値 形式が正しくありません" }); <br>$("#sj").formValidator ({ onShow: "携帯電話番号を入力してください", onfocus: "13 または 15 で始まる必要があります", onCorrect: "ご協力ありがとうございます。携帯電話番号は正しいです" }).regexValidator({ regExp: "mobile", dataType: "enum", onError: "携帯電話番号の形式が間違っています" }); <br>//$("#"). formValidator({onShow:"",onfocus:"入力してください",onCorrect:"ありがとうございますご協力ありがとうございます。あなたの形式は正しいです。"}).regexValidator({regExp:"",dataType:"enum",onError:"形式が正しくありません "}); <br>$("#email").formValidator( { onShow: "メールアドレスを入力してください"、onfocus: "入力するメール形式にご注意ください。例: wzmaodong@126.com"、onCorrect: "ご協力ありがとうございます。メールアドレスは正しいです。" }) regexValidator({ regExp: "電子メール", dataType: "enum", onError: "電子メールの形式が正しくありません" }); <br>$("#fds") .formValidator({ onShow: "浮動小数点数を入力してください" , onCorrect: "ご協力ありがとうございます。浮動小数点数は正しいです" }).regexValidator({ regExp: "decmal", dataType: "enum", onError: "浮動小数点数の形式が正しくありません" }); 🎜>$("#zfds").formValidator({ onShow: "正の浮動小数点数を入力してください", onCorrect: "ご協力ありがとうございます。正の浮動小数点数は正しいです" }).regexValidator ({ regExp: "decmal1", dataType: "enum", onError: "正の浮動小数点数の形式が正しくありません" }); <br>$("#ffds").formValidator({ onShow: "負の浮動小数点数を入力してくださいnumber" , onCorrect: "ご協力ありがとうございます。負の浮動小数点数は正しいです" }).regexValidator({ regExp: "decmal2", dataType: "enum", onError: "負の浮動小数点数の形式が正しくありません" }); <br> $("#fffds").formValidator({ onShow: "負でない浮動小数点数を入力してください", onCorrect: "ご協力いただきありがとうございます。負でない浮動小数点数は正しいです" }).regexValidator({ regExp: "decmal4", dataType: "enum", onError: "負でない浮動小数点数の形式が正しくありません" }); <br>$("#fzfds").formValidator({ onShow: "正でない浮動小数点数を入力してください", onCorrect: "ご協力いただき、正でない浮動小数点数は正しいです" }).regexValidator({ regExp: "decmal5", dataType: "enum ", onError: "非正の浮動小数点数の形式が正しくありません" }); <br>$("# ys").formValidator({ onShow: "16 進数の色を入力してください", onCorrect: "ありがとうございますご協力のほど、16 進数の色は正しいです" }).regexValidator({ regExp: "color", dataType: "enum ", onError: "16 進数の色の形式が正しくありません" }); <br>$("#yb" ).formValidator({ onShow: "郵便番号を入力してください", onfocus: "6 桁で構成されています", onCorrect : "ご協力ありがとうございます、郵便番号は正しいです" }).regexValidator({ regExp: "郵便番号", dataType: "enum", onError: "郵便番号の形式が正しくありません" }); <br>$("#ip4" ).formValidator({ onShow: "ip4 を入力してください", onfocus: "例: 172.16 .201.18", onCorrect: "ご協力ありがとうございます。ip4 は正しいです" }).regexValidator({ regExp: "ip4", dataType: "enum", onError: "ip4 形式が正しくありません" }); <br> $("#fk").formValidator({ onShow: "空文字以外の文字を入力してください", onCorrect: "ご協力ありがとうございます。空文字は正しいです" }).regexValidator({ regExp: "notempty" , dataType: "enum", onError: "空でない文字の形式が正しくありません" }); <br>$("#tp").formValidator({ onShow : "画像名を入力してください", onCorrect: "ご協力ありがとうございます。ピクチャ名は正しいです。" }).regexValidator({ regExp: "picture", dataType: "enum", onError: "ピクチャ名の形式が正しくありません" }); <br>$("#rar").formValidator({ onShow: "请输入压缩文件名", onCorrect: "谢谢你的合作,你的压缩文件名正确" }).regexValidator({ regExp: "rar", dataType: "enum", onError: "压缩文件名格式不正确" }); <br>$("#qq").formValidator({ onShow: "请输入QQ号码", onCorrect: "谢谢你的合作,你的QQ号码正确" }).regexValidator({ regExp: "qq", dataType: "enum", onError: "QQ号码格式不正确" }); <br>$("#dh").formValidator({ onShow: "请输入国内电话", onfocus: "例如:0577-88888888或省略区号88888888", onCorrect: "谢谢你的合作,你的国内电话正确" }).regexValidator({ regExp: "tel", dataType: "enum", onError: "国内电话格式不正确" }); <br>$("#yhm").formValidator({ onShow: "请输入用户名", onCorrect: "谢谢你的合作,你的用户名正确" }).regexValidator({ regExp: "username", dataType: "enum", onError: "用户名格式不正确" }); <br>$("#zm").formValidator({ onShow: "请输入字母", onCorrect: "谢谢你的合作,你的字母正确" }).regexValidator({ regExp: "letter", dataType: "enum", onError: "字母格式不正确" }); <br>$("#dxzm").formValidator({ onShow: "请输入大写字母", onCorrect: "谢谢你的合作,你的大写字母正确" }).regexValidator({ regExp: "letter_u", dataType: "enum", onError: "大写字母格式不正确" }); <br>$("#xxzm").formValidator({ onShow: "请输入小写字母", onCorrect: "谢谢你的合作,你的小写字母正确" }).regexValidator({ regExp: "letter_l", dataType: "enum", onError: "小写字母格式不正确" }); <br>$("#sfz").formValidator({ onShow: "请输入身份证", onCorrect: "谢谢你的合作,你的身份证正确" }).regexValidator({ regExp: "idcard", dataType: "enum", onError: "身份证格式不正确" }); <br>}); <br> 5.效果图: 6.中函数参数说明:</strong> <br> </p> <table class="jbborder"> <tbody> <tr> <td width="128">formValidator:</td> <td colspan="3">用来做初始化的类型,必须先执行。("√"为showalert可用参数)</td> </tr> <tr> <td colspan="4"> <table style="WIDTH: 600px" cellspacing="0" cellpadding="2" border="1"> <tbody> <tr> <td width="84">属性</td> <td width="101">属性名称</td> <td width="98">默认值</td> <td align="middle" width="54">showalert</td> <td width="231">详细解释</td> </tr> <tr> <td width="84" height="22">validatorgroup</td> <td width="101">校验组</td> <td width="98">"1"</td> <td width="54">√</td> <td width="231">一个页面的控件可以分成多个组,分开校验</td> </tr> <tr valign="top"> <td>empty</td> <td>是否可以为空</td> <td>false</td> <td>√</td> <td> </td> </tr> <tr valign="top"> <td>automodify</td> <td>输入错误离开焦点的时候,自动修复错误</td> <td>true</td> <td>√</td> <td>先给出提示然后,自动修复,目前只支持text、file、textarea三种类型</td> </tr> <tr valign="top"> <td>onempty</td> <td>空时候的提示</td> <td>"输入内容为空"</td> <td> </td> <td>可以为空,为空时候的提示。为空者不显示</td> </tr> <tr valign="top"> <td>onshow</td> <td>显示时候的提示</td> <td>"请输入内容"</td> <td> </td> <td>为空者不显示</td> </tr> <tr valign="top"> <td>onfocus</td> <td>获得焦点的提示</td> <td>"请输入内容"</td> <td> </td> <td>为空者不显示</td> </tr> <tr valign="top"> <td>oncorrect</td> <td>输入正确后的提示</td> <td>"输入正确"</td> <td> </td> <td>当你焦点离开控件的时候,如果输入正确将出现该提示。为空者不显示</td> </tr> <tr valign="top"> <td>tipid</td> <td>显示错误的容器ID</td> <td>表单ID+"Tip"</td> <td> </td> <td>如果不自动构建提示层,表示提示成的ID号<br>如果自动构建提示层,表示提示层相对的目标控件</td> </tr> <tr valign="top"> <td>tipcss</td> <td>自动构建的提示层的样式</td> <td>"left":"10px",<br>"top":"1px",<br>"height":"20px",<br>"width":"250px"</td> <td> </td> <td>主要用于定位自动构建的提示层</td> </tr> <tr valign="top"> <td>forcevalid</td> <td>强制输入的值必须有效</td> <td>true</td> <td>√</td> <td>是否把一个全角字符当做2个长度的参数</td> </tr> <tr valign="top"> <td>ajax</td> <td>提交服务器</td> <td>true</td> <td>√</td> <td>ajaxValidator是否把该表单提交给服务器</td> </tr> <tr valign="top"> <td>defaultvalue</td> <td>默认值</td> <td>null</td> <td>√</td> <td>所有input和select表单。如果你不设置就保持原值,一旦设置就设为默认值。</td> </tr> <tr valign="top"> <td>triggerevent</td> <td>默认值</td> <td>blur</td> <td>√</td> <td>当前支持2种属性值:<br>blur:失去焦点的时候触发<br>change:当输入框里的值发生改变的时候触发</td> </tr> </tbody> </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 style="WIDTH: 600px" cellspacing="0" cellpadding="2" border="1"> <tbody> <tr> <td width="64">属性</td> <td width="122">属性名称</td> <td width="66">默认值</td> <td width="322">详细解释</td> </tr> <tr valign="top"> <td>type</td> <td>比较类型</td> <td>"size"</td> <td>(对select无效)<br>"size":表示比较长度 ,默认值<br>"number":数值型比较<br>"string":字符型比较<br>"date":短日期类型<br>"datetime":长日期类型</td> </tr> <tr valign="top"> <td>min</td> <td>最小长度/值</td> <td>0</td> <td>默认数值型。如果进行字符比较,请收入字符型<br>对select-one而言inputValidator里的参数min和max表示选择的索引号范围 <br>对select-multiple而言inputValidator里的参数min和max表示选择的个数</td> </tr> <tr> <td>max</td> <td>最大长度/值</td> <td>99999999999</td> <td>同上</td> </tr> <tr valign="top"> <td>onerror</td> <td>发生错误的提示</td> <td>"输入错误"</td> <td>为空者不显示。</td> </tr> <tr valign="top"> <td>onerrormin</td> <td>比min属性小的提示</td> <td>null</td> <td>当用户输入的值比min属性小的时候的错误提示</td> </tr> <tr valign="top"> <td>onerrormax</td> <td>比max属性大的提示</td> <td>null</td> <td>当用户输入的值比max属性大的时候的错误提示</td> </tr> <tr> <td valign="top">empty</td> <td valign="top">控件文本值是否允许两边为空</td> <td valign="top">两边都允许出现空</td> <td valign="top">默认值{leftempty:true,rightempty:true,emptyerror:null}<br>leftempty:表示左边是否允许为空<br>rightempty:表示右边是否允许为空 <br>emptyerror:出现该错误的时候的提示,如果为null,则利用onerror属性来提示错误。</td> </tr> </tbody> </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 style="WIDTH: 600px" cellspacing="0" cellpadding="2" border="1"> <tbody> <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","datetime","date"</TD></TR> <TR> <TD>onerror</TD> <TD>发生错误的提示</TD> <TD>"输入错误"</TD> <TD>为空者不显示。</TD></TR></TBODY></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 style="WIDTH: 600px; HEIGHT: 0%" cellSpacing=0 cellPadding=2 border=1> <TBODY> <TR> <TD width=48 height="16%">属性</TD> <TD style="WIDTH: 140px">属性名称</TD> <TD width=112>默认值</TD> <TD width=300>详细解释</TD></TR> <TR vAlign=top> <TD height="23%"><SPAN style="COLOR: #000000">regexp</SPAN></TD> <TD style="WIDTH: 140px"><SPAN style="COLOR: #000000">正则表达式或表达式数组</SPAN></TD> <TD><SPAN style="COLOR: #000000">""</SPAN></TD> <TD><SPAN style="COLOR: #ff0000">采用的是显式构造函数new RegExp("pattern"[,"flags"]); 由于Javascript 中'\' 被用作转义字符,所以在使用显示构造函数构造实例对象的时候,需要使用'\\' 代替'\' </SPAN></TD></TR> <TR> <TD vAlign=top height="30%">param</TD> <TD style="WIDTH: 140px" vAlign=top>附加参数</TD> <TD vAlign=top>"i"</TD> <TD vAlign=top>g:代表可以进行全局匹配。<BR>i:代表不区分大小写匹配。<BR>m:代表可以进行多行匹配。<BR>可以任意组合,当然也可以不加参数 </TD></TR> <TR vAlign=top> <TD height="31%">comparetype</TD> <TD style="WIDTH: 140px">比较类型</TD> <TD>"||"</TD> <TD>"||"或的关系 "&&"并列</TD></TR> <TR vAlign=top> <TD height="31%">datatype</TD> <TD style="WIDTH: 140px">数据类型</TD> <TD>"string"</TD> <TD>"string":自己写的表达式,"enum":枚举名。具体请见demo3.htm<BR>你可以自己修改、添加formValidatorRegex.js里的枚举项目名和表达式。</TD></TR> <TR vAlign=top> <TD height="31%">onerror:</TD> <TD style="WIDTH: 140px">发生错误的提示</TD> <TD>"输入错误"</TD> <TD>为空者不显示。</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD></TR> <TR> <TD>ajaxValidator:</TD> <TD colSpan=3>几乎所有的属性跟$.ajax()的属性一样,请参考$.ajax()函数的帮助</TD></TR> <TR> <TD colSpan=4> <TABLE style="WIDTH: 600px" cellSpacing=0 cellPadding=2 border=1> <TBODY> <TR> <TD width=66>属性</TD> <TD width=208>属性名称</TD> <TD width=95>默认值</TD> <TD width=356>详细解释</TD></TR> <TR> <TD>type</TD> <TD>请求的类型</TD> <TD>"GET"</TD> <TD>"POST" 或 "GET"</TD></TR> <TR> <TD>url</TD> <TD>发送到的URL地址</TD> <TD>""</TD> <TD>在服务器端,你可以通过name为clientid获取触发验证的控件ID名</TD></TR> <TR> <TD>datatype</TD> <TD>返回的数据类型</TD> <TD>"html"</TD> <TD>xml、html、script、json、text</TD></TR> <TR> <TD>timeout</TD> <TD>超时设置</TD> <TD>999</TD> <TD> </TD></TR> <TR> <TD>data</TD> <TD>数据</TD> <TD>""</TD> <TD> </TD></TR> <TR> <TD>async</TD> <TD>是否以异步的方式发送</TD> <TD>true</TD> <TD> </TD></TR> <TR> <TD>success</TD> <TD>当请求成功时调用的函数</TD> <TD>null</TD> <TD> </TD></TR> <TR> <TD vAlign=top>processdata</TD> <TD vAlign=top>自动处理返回的数据为字符串</TD> <TD vAlign=top>true</TD> <TD>在默认的情况下,如果data选项传进的数据是一个对象而不是字符串,将会自动地被处理和转换成一个查询字符串</TD></TR> <TR> <TD>complete</TD> <TD>当请求完成时调用的函数</TD> <TD>null</TD> <TD> </TD></TR> <TR> <TD>beforesend</TD> <TD>当请求前时调用的函数</TD> <TD>null</TD> <TD>有个一个参数,根$.ajax里的beforeSend参数一样。</TD></TR> <TR vAlign=top> <TD>buttons</TD> <TD>你点提交的按钮(组)jQuery对象</TD> <TD>null</TD> <TD>当你触发了ajax校验,buttons里对应的按钮(组)就会灰掉,一直等待服务器返回数据为止</TD></TR> <TR vAlign=top> <TD>error</TD> <TD>当请求失败时调用的函数</TD> <TD>"请求失败"</TD> <TD>你可以自己定义这个错误,在error里自动打出。为空者不显示。</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD colSpan=4> </TD></TR> <TR> <TD colSpan=4>functionValidator</TD></TR> <TR> <TD colSpan=4> <TABLE style="WIDTH: 600px" cellSpacing=0 cellPadding=2 border=1> <TBODY> <TR> <TD width=54>属性</TD> <TD width=109>属性名称</TD> <TD width=128>默认值</TD> <TD width=283>返回值的解释</TD></TR> <TR vAlign=top> <TD>fun</TD> <TD>外部函数名()<BR>参数1:元素的值,<BR>参数2:元素对象</TD> <TD>默认当作处理过程</TD> <TD> <TABLE style="WIDTH: 260px" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR> <TD width=75>true/false</TD> <TD width=191>校验成功/失败</TD></TR> <TR> <TD>字符串</TD> <TD>校验失败,返回值当作自定义错误</TD></TR> <TR> <TD>无</TD> <TD>处理过程</TD></TR></TBODY></TABLE></TD></TR> <TR vAlign=top> <TD>onerror</TD> <TD>发生错误的提示</TD> <TD>"输入错误"</TD> <TD>函数return false的时候,显示该错误信息</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD> </TD> <TD colSpan=3> </TD></TR> <TR> <TD>公共函数:</TD> <TD colSpan=3>主要是设置全局参数和判断是否通过校验</TD></TR> <TR> <TD colSpan=4> <TABLE style="WIDTH: 600px" cellSpacing=0 cellPadding=2 border=1> <TBODY> <TR> <TD width=180>函数名</TD> <TD width=600>函数说明</TD></TR> <TR> <TD vAlign=top>$.formValidator.initConfig</TD> <TD>参数:配置类型 <TABLE style="WIDTH: 400px" cellSpacing=0 cellPadding=2 border=1> <TBODY> <TR> <TD width=97>属性</TD> <TD width=60>默认值</TD> <TD width=362>说明</TD></TR> <TR> <TD>validatorgroup</TD> <TD>"1"</TD> <TD>你要针对哪个组进行配置</TD></TR> <TR> <TD>formid</TD> <TD>""</TD> <TD>要自动注册pageIsValid函数的表单ID号</TD></TR> <TR> <TD>alertmessage</TD> <TD>false</TD> <TD>是否弹出窗口</TD></TR> <TR> <TD vAlign=top>autotip</TD> <TD vAlign=top>false</TD> <TD>是否自动构建提示层</TD></TR> <TR> <TD vAlign=top>errorfocus</TD> <TD vAlign=top>true</TD> <TD>发生错误的时候,第一个出错控件是否获得焦点</TD></TR> <TR> <TD vAlign=top>forcevalid</TD> <TD vAlign=top>true</TD> <TD>是否一直输入正确为止才允许离开焦点</TD></TR> <TR> <TD vAlign=top>wideword</TD> <TD vAlign=top>true</TD> <TD>是否把一个全角字符当做2个长度</TD></TR> <TR> <TD vAlign=top>onsuccess</TD> <TD vAlign=top>null</TD> <TD>该组校验通过后的回调函数,返回false,阻止表单的提交</TD></TR> <TR> <TD>submitonce</TD> <TD>false</TD> <TD>校验通过后,是否灰掉所有的提交按钮</TD></TR> <TR vAlign=top> <TD>onerror</TD> <TD>null</TD> <TD>该组校验失败后的回调函数, 有两个参数 <BR> <TABLE class=jbborder> <TBODY> <TR> <TD width=46>参数1</TD> <TD width=197>一个校验没有通过的错误信息</TD></TR> <TR> <TD>参数2</TD> <TD>一个校验没有通过的元素对象</TD></TR> <TR> <TD>参数3</TD> <TD>所有的错误信息数组,你可以通过$.map来遍历</TD></TR></TBODY></TABLE></TD></TR> <TR vAlign=top> <TD>debug</TD> <TD>false</TD> <TD>是否处于调试模式。true:不提交表单</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD vAlign=top>$.formValidator.pageIsValid</TD> <TD>一个参数: 不是配置类型 <TABLE class=jbborder> <TBODY> <TR> <TD width=97>validatorgroup</TD> <TD width=60>"1"</TD> <TD width=362>你要针对哪个组进行验证</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD vAlign=top>$.formValidator.isOneValid</TD> <TD>一个参数: 当时设置验证的表单元素ID。<BR>返回是否校验成功的信息。 </TD></TR> <TR> <TD vAlign=top>$.formValidator.setFailState</TD> <TD>function("tipid","显示的信息")<BR>在showword模式下,如果你的额外校验没有通过,你可以通过它来设置成失败信息和状态 </TD></TR> <TR> <TD vAlign=top>$.formValidator.getLength</TD> <TD>function("表单元素id")<BR>checkbox或radiobutton表示(同组)选择的个数。<BR>对select-one,选择索引的值<BR>对select-multiple,inputValidator里的参数min和max表示选择的个数<BR>其它input表示的表示字符长度。 </TD></TR> <TR> <TD vAlign=top>$.formValidator.retSetTipState</TD> <TD>function(校验组号) 来把该组的提示内容恢复到onshow状态</TD></TR> <TR> <TD vAlign=top>$.formValidator.reloadAutoTip</TD> <TD>重新定位自动构建的提示层</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> <TABLE class=jbborder> <TBODY> <TR> <TD width=128>formValidator:</TD> <TD colSpan=3>用来做初始化的类型,必须先执行。("√"为showalert可用参数)</TD></TR> <TR> <TD colSpan=4> <TABLE class=jbborder> <TBODY> <TR> <TD width=84>属性</TD> <TD width=101>属性名称</TD> <TD width=98>默认值</TD> <TD align=middle width=54>showalert</TD> <TD width=231>详细解释</TD></TR> <TR> <TD width=84 height=22>validatorgroup</TD> <TD width=101>校验组</TD> <TD width=98>"1"</TD> <TD width=54>√</TD> <TD width=231>一个页面的控件可以分成多个组,分开校验</TD></TR> <TR vAlign=top> <TD>empty</TD> <TD>是否可以为空</TD> <TD>false</TD> <TD>√</TD> <TD> </TD></TR> <TR vAlign=top> <TD>automodify</TD> <TD>输入错误离开焦点的时候,自动修复错误</TD> <TD>true</TD> <TD>√</TD> <TD>先给出提示然后,自动修复,目前只支持text、file、textarea三种类型</TD></TR> <TR vAlign=top> <TD>onempty</TD> <TD>空时候的提示</TD> <TD>"输入内容为空"</TD> <TD> </TD> <TD>可以为空,为空时候的提示。为空者不显示</TD></TR> <TR vAlign=top> <TD>onshow</TD> <TD>显示时候的提示</TD> <TD>"请输入内容"</TD> <TD> </TD> <TD>为空者不显示</TD></TR> <TR vAlign=top> <TD>onfocus</TD> <TD>获得焦点的提示</TD> <TD>"请输入内容"</TD> <TD> </TD> <TD>为空者不显示</TD></TR> <TR vAlign=top> <TD>oncorrect</TD> <TD>输入正确后的提示</TD> <TD>"输入正确"</TD> <TD> </TD> <TD>当你焦点离开控件的时候,如果输入正确将出现该提示。为空者不显示</TD></TR> <TR vAlign=top> <TD>tipid</TD> <TD>显示错误的容器ID</TD> <TD>表单ID+"Tip"</TD> <TD> </TD> <TD>如果不自动构建提示层,表示提示成的ID号<BR>如果自动构建提示层,表示提示层相对的目标控件</TD></TR> <TR vAlign=top> <TD>tipcss</TD> <TD>自动构建的提示层的样式</TD> <TD>"left":"10px",<BR>"top":"1px",<BR>"height":"20px",<BR>"width":"250px"</TD> <TD> </TD> <TD>主要用于定位自动构建的提示层</TD></TR> <TR vAlign=top> <TD>forcevalid</TD> <TD>强制输入的值必须有效</TD> <TD>true</TD> <TD>√</TD> <TD>是否把一个全角字符当做2个长度的参数</TD></TR> <TR vAlign=top> <TD>ajax</TD> <TD>提交服务器</TD> <TD>true</TD> <TD>√</TD> <TD>ajaxValidator是否把该表单提交给服务器</TD></TR> <TR vAlign=top> <TD>defaultvalue</TD> <TD>默认值</TD> <TD>null</TD> <TD>√</TD> <TD>所有input和select表单。如果你不设置就保持原值,一旦设置就设为默认值。</TD></TR> <TR vAlign=top> <TD>triggerevent</TD> <TD>默认值</TD> <TD>blur</TD> <TD>√</TD> <TD>当前支持2种属性值:<BR>blur:失去焦点的时候触发<BR>change:当输入框里的值发生改变的时候触发</TD></TR></TBODY></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 class=jbborder> <TBODY> <TR> <TD width=64>属性</TD> <TD width=122>属性名称</TD> <TD width=66>默认值</TD> <TD width=322>详细解释</TD></TR> <TR vAlign=top> <TD>type</TD> <TD>比较类型</TD> <TD>"size"</TD> <TD>(对select无效)<BR>"size":表示比较长度 ,默认值<BR>"number":数值型比较<BR>"string":字符型比较<BR>"date":短日期类型<BR>"datetime":长日期类型</TD></TR> <TR vAlign=top> <TD>min</TD> <TD>最小长度/值</TD> <TD>0</TD> <TD>默认数值型。如果进行字符比较,请收入字符型<BR>对select-one而言inputValidator里的参数min和max表示选择的索引号范围 <BR>对select-multiple而言inputValidator里的参数min和max表示选择的个数</TD></TR> <TR> <TD>max</TD> <TD>最大长度/值</TD> <TD>99999999999</TD> <TD>同上</TD></TR> <TR vAlign=top> <TD>onerror</TD> <TD>发生错误的提示</TD> <TD>"输入错误"</TD> <TD>为空者不显示。</TD></TR> <TR vAlign=top> <TD>onerrormin</TD> <TD>比min属性小的提示</TD> <TD>null</TD> <TD>当用户输入的值比min属性小的时候的错误提示</TD></TR> <TR vAlign=top> <TD>onerrormax</TD> <TD>比max属性大的提示</TD> <TD>null</TD> <TD>当用户输入的值比max属性大的时候的错误提示</TD></TR> <TR> <TD vAlign=top>empty</TD> <TD vAlign=top>控件文本值是否允许两边为空</TD> <TD vAlign=top>两边都允许出现空</TD> <TD vAlign=top>默认值{leftempty:true,rightempty:true,emptyerror:null}<BR>leftempty:表示左边是否允许为空<BR>rightempty:表示右边是否允许为空 <BR>emptyerror:出现该错误的时候的提示,如果为null,则利用onerror属性来提示错误。</TD></TR></TBODY></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 class=jbborder> <TBODY> <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","datetime","date"</TD></TR> <TR> <TD>onerror</TD> <TD>发生错误的提示</TD> <TD>"输入错误"</TD> <TD>为空者不显示。</TD></TR></TBODY></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 class=jbborder> <TBODY> <TR> <TD width=48 height="16%">属性</TD> <TD style="WIDTH: 140px">属性名称</TD> <TD width=112>默认值</TD> <TD width=300>详细解释</TD></TR> <TR vAlign=top> <TD height="23%"><SPAN style="COLOR: #000000">regexp</SPAN></TD> <TD style="WIDTH: 140px"><SPAN style="COLOR: #000000">正则表达式或表达式数组</SPAN></TD> <TD><SPAN style="COLOR: #000000">""</SPAN></TD> <TD><SPAN style="COLOR: #ff0000">采用的是显式构造函数new RegExp("pattern"[,"flags"]); 由于Javascript 中'\' 被用作转义字符,所以在使用显示构造函数构造实例对象的时候,需要使用'\\' 代替'\' </SPAN></TD></TR> <TR> <TD vAlign=top height="30%">param</TD> <TD style="WIDTH: 140px" vAlign=top>附加参数</TD> <TD vAlign=top>"i"</TD> <TD vAlign=top>g:代表可以进行全局匹配。<BR>i:代表不区分大小写匹配。<BR>m:代表可以进行多行匹配。<BR>可以任意组合,当然也可以不加参数 </TD></TR> <TR vAlign=top> <TD height="31%">comparetype</TD> <TD style="WIDTH: 140px">比较类型</TD> <TD>"||"</TD> <TD>"||"或的关系 "&&"并列</TD></TR> <TR vAlign=top> <TD height="31%">datatype</TD> <TD style="WIDTH: 140px">数据类型</TD> <TD>"string"</TD> <TD>"string":自己写的表达式,"enum":枚举名。具体请见demo3.htm<BR>你可以自己修改、添加formValidatorRegex.js里的枚举项目名和表达式。</TD></TR> <TR vAlign=top> <TD height="31%">onerror:</TD> <TD style="WIDTH: 140px">发生错误的提示</TD> <TD>"输入错误"</TD> <TD>为空者不显示。</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD></TR> <TR> <TD>ajaxValidator:</TD> <TD colSpan=3>几乎所有的属性跟$.ajax()的属性一样,请参考$.ajax()函数的帮助</TD></TR> <TR> <TD colSpan=4> <TABLE class=jbborder> <TBODY> <TR> <TD width=66>属性</TD> <TD width=208>属性名称</TD> <TD width=95>默认值</TD> <TD width=356>详细解释</TD></TR> <TR> <TD>type</TD> <TD>请求的类型</TD> <TD>"GET"</TD> <TD>"POST" 或 "GET"</TD></TR> <TR> <TD>url</TD> <TD>发送到的URL地址</TD> <TD>""</TD> <TD>在服务器端,你可以通过name为clientid获取触发验证的控件ID名</TD></TR> <TR> <TD>datatype</TD> <TD>返回的数据类型</TD> <TD>"html"</TD> <TD>xml、html、script、json、text</TD></TR> <TR> <TD>timeout</TD> <TD>超时设置</TD> <TD>999</TD> <TD> </TD></TR> <TR> <TD>data</TD> <TD>数据</TD> <TD>""</TD> <TD> </TD></TR> <TR> <TD>async</TD> <TD>是否以异步的方式发送</TD> <TD>true</TD> <TD> </TD></TR> <TR> <TD>success</TD> <TD>当请求成功时调用的函数</TD> <TD>null</TD> <TD> </TD></TR> <TR> <TD vAlign=top>processdata</TD> <TD vAlign=top>自动处理返回的数据为字符串</TD> <TD vAlign=top>true</TD> <TD>在默认的情况下,如果data选项传进的数据是一个对象而不是字符串,将会自动地被处理和转换成一个查询字符串</TD></TR> <TR> <TD>complete</TD> <TD>当请求完成时调用的函数</TD> <TD>null</TD> <TD> </TD></TR> <TR> <TD>beforesend</TD> <TD>当请求前时调用的函数</TD> <TD>null</TD> <TD>有个一个参数,根$.ajax里的beforeSend参数一样。</TD></TR> <TR vAlign=top> <TD>buttons</TD> <TD>你点提交的按钮(组)jQuery对象</TD> <TD>null</TD> <TD>当你触发了ajax校验,buttons里对应的按钮(组)就会灰掉,一直等待服务器返回数据为止</TD></TR> <TR vAlign=top> <TD>error</TD> <TD>当请求失败时调用的函数</TD> <TD>"请求失败"</TD> <TD>你可以自己定义这个错误,在error里自动打出。为空者不显示。</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD colSpan=4> </TD></TR> <TR> <TD colSpan=4>functionValidator</TD></TR> <TR> <TD colSpan=4> <TABLE class=jbborder> <TBODY> <TR> <TD width=54>属性</TD> <TD width=109>属性名称</TD> <TD width=128>默认值</TD> <TD width=283>返回值的解释</TD></TR> <TR vAlign=top> <TD>fun</TD> <TD>外部函数名()<BR>参数1:元素的值,<BR>参数2:元素对象</TD> <TD>默认当作处理过程</TD> <TD> <TABLE class=jbborder> <TBODY> <TR> <TD width=75>true/false</TD> <TD width=191>校验成功/失败</TD></TR> <TR> <TD>字符串</TD> <TD>校验失败,返回值当作自定义错误</TD></TR> <TR> <TD>无</TD> <TD>处理过程</TD></TR></TBODY></TABLE></TD></TR> <TR vAlign=top> <TD>onerror</TD> <TD>发生错误的提示</TD> <TD>"输入错误"</TD> <TD>函数return false的时候,显示该错误信息</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD> </TD> <TD colSpan=3> </TD></TR> <TR> <TD>公共函数:</TD> <TD colSpan=3>主要是设置全局参数和判断是否通过校验</TD></TR> <TR> <TD colSpan=4> <TABLE class=jbborder> <TBODY> <TR> <TD width=180>函数名</TD> <TD width=600>函数说明</TD></TR> <TR> <TD vAlign=top>$.formValidator.initConfig</TD> <TD>参数:配置类型 <TABLE class=jbborder> <TBODY> <TR> <TD width=97>属性</TD> <TD width=60>默认值</TD> <TD width=362>说明</TD></TR> <TR> <TD>validatorgroup</TD> <TD>"1"</TD> <TD>你要针对哪个组进行配置</TD></TR> <TR> <TD>formid</TD> <TD>""</TD> <TD>要自动注册pageIsValid函数的表单ID号</TD></TR> <TR> <TD>alertmessage</TD> <TD>false</TD> <TD>是否弹出窗口</TD></TR> <TR> <TD vAlign=top>autotip</TD> <TD vAlign=top>false</TD> <TD>是否自动构建提示层</TD></TR> <TR> <TD vAlign=top>errorfocus</TD> <TD vAlign=top>true</TD> <TD>发生错误的时候,第一个出错控件是否获得焦点</TD></TR> <TR> <TD vAlign=top>forcevalid</TD> <TD vAlign=top>true</TD> <TD>是否一直输入正确为止才允许离开焦点</TD></TR> <TR> <TD vAlign=top>wideword</TD> <TD vAlign=top>true</TD> <TD>是否把一个全角字符当做2个长度</TD></TR> <TR> <TD vAlign=top>onsuccess</TD> <TD vAlign=top>null</TD> <TD>该组校验通过后的回调函数,返回false,阻止表单的提交</TD></TR> <TR> <TD>submitonce</TD> <TD>false</TD> <TD>校验通过后,是否灰掉所有的提交按钮</TD></TR> <TR vAlign=top> <TD>onerror</TD> <TD>null</TD> <TD>该组校验失败后的回调函数, 有两个参数 <BR> <TABLE class=jbborder> <TBODY> <TR> <TD width=46>参数1</TD> <TD width=197>一个校验没有通过的错误信息</TD></TR> <TR> <TD>参数2</TD> <TD>一个校验没有通过的元素对象</TD></TR> <TR> <TD>参数3</TD> <TD>所有的错误信息数组,你可以通过$.map来遍历</TD></TR></TBODY></TABLE></TD></TR> <TR vAlign=top> <TD>debug</TD> <TD>false</TD> <TD>是否处于调试模式。true:不提交表单</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD vAlign=top>$.formValidator.pageIsValid</TD> <TD>一个参数: 不是配置类型 <TABLE class=jbborder> <TBODY> <TR> <TD width=97>validatorgroup</TD> <TD width=60>"1"</TD> <TD width=362>你要针对哪个组进行验证</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD vAlign=top>$.formValidator.isOneValid</TD> <TD>一个参数: 当时设置验证的表单元素ID。<BR>返回是否校验成功的信息。 </TD></TR> <TR> <TD vAlign=top>$.formValidator.setFailState</TD> <TD>function("tipid","显示的信息")<BR>在showword模式下,如果你的额外校验没有通过,你可以通过它来设置成失败信息和状态 </TD></TR> <TR> <TD vAlign=top>$.formValidator.getLength</TD> <TD>function("表单元素id")<BR>checkbox或radiobutton表示(同组)选择的个数。<BR>对select-one,选择索引的值<BR>对select-multiple,inputValidator里的参数min和max表示选择的个数<BR>其它input表示的表示字符长度。 </TD></TR> <TR> <TD vAlign=top>$.formValidator.retSetTipState</TD> <TD>function(校验组号) 来把该组的提示内容恢复到onshow状态</TD></TR> <TR> <TD vAlign=top>$.formValidator.reloadAutoTip</TD> <TD>重新定位自动构建的提示层</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> <TABLE class=jbborder> <TBODY> <TR> <TD width=128>formValidator:</TD> <TD colSpan=3>用来做初始化的类型,必须先执行。("√"为showalert可用参数)</TD></TR> <TR> <TD colSpan=4> <TABLE class=jbborder> <TBODY> <TR> <TD width=84>属性</TD> <TD width=101>属性名称</TD> <TD width=98>默认值</TD> <TD align=middle width=54>showalert</TD> <TD width=231>详细解释</TD></TR> <TR> <TD width=84 height=22>validatorgroup</TD> <TD width=101>校验组</TD> <TD width=98>"1"</TD> <TD width=54>√</TD> <TD width=231>一个页面的控件可以分成多个组,分开校验</TD></TR> <TR> <TD>empty</TD> <TD>是否可以为空</TD> <TD>false</TD> <TD>√</TD> <TD> </TD></TR> <TR> <TD>automodify</TD> <TD>输入错误离开焦点的时候,自动修复错误</TD> <TD>true</TD> <TD>√</TD> <TD>先给出提示然后,自动修复,目前只支持text、file、textarea三种类型</TD></TR> <TR> <TD>onempty</TD> <TD>空时候的提示</TD> <TD>"输入内容为空"</TD> <TD> </TD> <TD>可以为空,为空时候的提示。为空者不显示</TD></TR> <TR> <TD>onshow</TD> <TD>显示时候的提示</TD> <TD>"请输入内容"</TD> <TD> </TD> <TD>为空者不显示</TD></TR> <TR> <TD>onfocus</TD> <TD>获得焦点的提示</TD> <TD>"请输入内容"</TD> <TD> </TD> <TD>为空者不显示</TD></TR> <TR> <TD>oncorrect</TD> <TD>输入正确后的提示</TD> <TD>"输入正确"</TD> <TD> </TD> <TD>当你焦点离开控件的时候,如果输入正确将出现该提示。为空者不显示</TD></TR> <TR> <TD>tipid</TD> <TD>显示错误的容器ID</TD> <TD>表单ID+"Tip"</TD> <TD> </TD> <TD>如果不自动构建提示层,表示提示成的ID号<BR>如果自动构建提示层,表示提示层相对的目标控件</TD></TR> <TR> <TD>tipcss</TD> <TD>自动构建的提示层的样式</TD> <TD>"left":"10px",<BR>"top":"1px",<BR>"height":"20px",<BR>"width":"250px"</TD> <TD> </TD> <TD>主要用于定位自动构建的提示层</TD></TR> <TR> <TD>forcevalid</TD> <TD>强制输入的值必须有效</TD> <TD>true</TD> <TD>√</TD> <TD>是否把一个全角字符当做2个长度的参数</TD></TR> <TR> <TD>ajax</TD> <TD>提交服务器</TD> <TD>true</TD> <TD>√</TD> <TD>ajaxValidator是否把该表单提交给服务器</TD></TR> <TR> <TD>defaultvalue</TD> <TD>默认值</TD> <TD>null</TD> <TD>√</TD> <TD>所有input和select表单。如果你不设置就保持原值,一旦设置就设为默认值。</TD></TR> <TR> <TD>triggerevent</TD> <TD>默认值</TD> <TD>blur</TD> <TD>√</TD> <TD>当前支持2种属性值:<BR>blur:失去焦点的时候触发<BR>change:当输入框里的值发生改变的时候触发</TD></TR></TBODY></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 class=jbborder> <TBODY> <TR> <TD width=64>属性</TD> <TD width=122>属性名称</TD> <TD width=66>默认值</TD> <TD width=322>详细解释</TD></TR> <TR> <TD>type</TD> <TD>比较类型</TD> <TD>"size"</TD> <TD>(对select无效)<BR>"size":表示比较长度 ,默认值<BR>"number":数值型比较<BR>"string":字符型比较<BR>"date":短日期类型<BR>"datetime":长日期类型</TD></TR> <TR> <TD>min</TD> <TD>最小长度/值</TD> <TD>0</TD> <TD>默认数值型。如果进行字符比较,请收入字符型<BR>对select-one而言inputValidator里的参数min和max表示选择的索引号范围 <BR>对select-multiple而言inputValidator里的参数min和max表示选择的个数</TD></TR> <TR> <TD>max</TD> <TD>最大长度/值</TD> <TD>99999999999</TD> <TD>同上</TD></TR> <TR> <TD>onerror</TD> <TD>发生错误的提示</TD> <TD>"输入错误"</TD> <TD>为空者不显示。</TD></TR> <TR> <TD>onerrormin</TD> <TD>比min属性小的提示</TD> <TD>null</TD> <TD>当用户输入的值比min属性小的时候的错误提示</TD></TR> <TR> <TD>onerrormax</TD> <TD>比max属性大的提示</TD> <TD>null</TD> <TD>当用户输入的值比max属性大的时候的错误提示</TD></TR> <TR> <TD>empty</TD> <TD>控件文本值是否允许两边为空</TD> <TD>两边都允许出现空</TD> <TD>默认值{leftempty:true,rightempty:true,emptyerror:null}<BR>leftempty:表示左边是否允许为空<BR>rightempty:表示右边是否允许为空 <BR>emptyerror:出现该错误的时候的提示,如果为null,则利用onerror属性来提示错误。</TD></TR></TBODY></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 class=jbborder> <TBODY> <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","datetime","date"</td> </tr> <tr> <td>onerror</td> <td>发生错误的提示</td> <td>"输入错误"</td> <td>为空者不显示。</td> </tr> </tbody> </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 class="jbborder"> <tbody> <tr> <td width="48" height="16%">属性</td> <td style="WIDTH: 140px">属性名称</td> <td width="112">默认值</td> <td width="300">详细解释</td> </tr> <tr> <td height="23%">regexp</td> <td style="WIDTH: 140px">正则表达式或表达式数组</td> <td>""</td> <td>采用的是显式构造函数new RegExp("pattern"[,"flags"]); 由于Javascript 中'\' 被用作转义字符,所以在使用显示构造函数构造实例对象的时候,需要使用'\\' 代替'\' </td> </tr> <tr> <td height="30%">param</td> <td style="WIDTH: 140px">附加参数</td> <td>"i"</td> <td>g:代表可以进行全局匹配。<br>i:代表不区分大小写匹配。<br>m:代表可以进行多行匹配。<br>可以任意组合,当然也可以不加参数 </td> </tr> <tr> <td height="31%">comparetype</td> <td style="WIDTH: 140px">比较类型</td> <td>"||"</td> <td>"||"或的关系 "&&"并列</td> </tr> <tr> <td height="31%">datatype</td> <td style="WIDTH: 140px">数据类型</td> <td>"string"</td> <td>"string":自己写的表达式,"enum":枚举名。具体请见demo3.htm<br>你可以自己修改、添加formValidatorRegex.js里的枚举项目名和表达式。</td> </tr> <tr> <td height="31%">onerror:</td> <td style="WIDTH: 140px">发生错误的提示</td> <td>"输入错误"</td> <td>为空者不显示。</td> </tr> </tbody> </table> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>ajaxValidator:</td> <td colspan="3">几乎所有的属性跟$.ajax()的属性一样,请参考$.ajax()函数的帮助</td> </tr> <tr> <td colspan="4"> <table class="jbborder"> <tbody> <tr> <td width="66">属性</td> <td width="208">属性名称</td> <td width="95">默认值</td> <td width="356">详细解释</td> </tr> <tr> <td>type</td> <td>请求的类型</td> <td>"GET"</td> <td>"POST" 或 "GET"</td> </tr> <tr> <td>url</td> <td>发送到的URL地址</td> <td>""</td> <td>在服务器端,你可以通过name为clientid获取触发验证的控件ID名</td> </tr> <tr> <td>datatype</td> <td>返回的数据类型</td> <td>"html"</td> <td>xml、html、script、json、text</td> </tr> <tr> <td>timeout</td> <td>超时设置</td> <td>999</td> <td> </td> </tr> <tr> <td>data</td> <td>数据</td> <td>""</td> <td> </td> </tr> <tr> <td>async</td> <td>是否以异步的方式发送</td> <td>true</td> <td> </td> </tr> <tr> <td>success</td> <td>当请求成功时调用的函数</td> <td>null</td> <td> </td> </tr> <tr> <td>processdata</td> <td>自动处理返回的数据为字符串</td> <td>true</td> <td>在默认的情况下,如果data选项传进的数据是一个对象而不是字符串,将会自动地被处理和转换成一个查询字符串</td> </tr> <tr> <td>complete</td> <td>当请求完成时调用的函数</td> <td>null</td> <td> </td> </tr> <tr> <td>beforesend</td> <td>当请求前时调用的函数</td> <td>null</td> <td>有个一个参数,根$.ajax里的beforeSend参数一样。</td> </tr> <tr> <td>buttons</td> <td>你点提交的按钮(组)jQuery对象</td> <td>null</td> <td>当你触发了ajax校验,buttons里对应的按钮(组)就会灰掉,一直等待服务器返回数据为止</td> </tr> <tr> <td>error</td> <td>当请求失败时调用的函数</td> <td>"请求失败"</td> <td>你可以自己定义这个错误,在error里自动打出。为空者不显示。</td> </tr> </tbody> </table> </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4">functionValidator</td> </tr> <tr> <td colspan="4"> <table class="jbborder"> <tbody> <tr> <td width="54">属性</td> <td width="109">属性名称</td> <td width="128">默认值</td> <td width="283">返回值的解释</td> </tr> <tr> <td>fun</td> <td>外部函数名()<br>参数1:元素的值,<br>参数2:元素对象</td> <td>默认当作处理过程</td> <td> <table class="jbborder"> <tbody> <tr> <td width="75">true/false</td> <td width="191">校验成功/失败</td> </tr> <tr> <td>字符串</td> <td>校验失败,返回值当作自定义错误</td> </tr> <tr> <td>无</td> <td>处理过程</td> </tr> </tbody> </table> </td> </tr> <tr> <td>onerror</td> <td>发生错误的提示</td> <td>"输入错误"</td> <td>函数return false的时候,显示该错误信息</td> </tr> </tbody> </table> </td> </tr> <tr> <td> </td> <td colspan="3"> </td> </tr> <tr> <td>公共函数:</td> <td colspan="3">主要是设置全局参数和判断是否通过校验</td> </tr> <tr> <td colspan="4"> <table class="jbborder"> <tbody> <tr> <td width="180">函数名</td> <td width="600">函数说明</td> </tr> <tr> <td>$.formValidator.initConfig</td> <td>参数:配置类型 <table class="jbborder"> <tbody> <tr> <td width="97">属性</td> <td width="60">默认值</td> <td width="362">说明</td> </tr> <tr> <td>validatorgroup</td> <td>"1"</td> <td>你要针对哪个组进行配置</td> </tr> <tr> <td>formid</td> <td>""</td> <td>要自动注册pageIsValid函数的表单ID号</td> </tr> <tr> <td>alertmessage</td> <td>false</td> <td>是否弹出窗口</td> </tr> <tr> <td>autotip</td> <td>false</td> <td>是否自动构建提示层</td> </tr> <tr> <td>errorfocus</td> <td>true</td> <td>发生错误的时候,第一个出错控件是否获得焦点</td> </tr> <tr> <td>forcevalid</td> <td>true</td> <td>是否一直输入正确为止才允许离开焦点</td> </tr> <tr> <td>wideword</td> <td>true</td> <td>是否把一个全角字符当做2个长度</td> </tr> <tr> <td>onsuccess</td> <td>null</td> <td>该组校验通过后的回调函数,返回false,阻止表单的提交</td> </tr> <tr> <td>submitonce</td> <td>false</td> <td>校验通过后,是否灰掉所有的提交按钮</td> </tr> <tr> <td>onerror</td> <td>null</td> <td>该组校验失败后的回调函数, 有两个参数 <br> <table class="jbborder"> <tbody> <tr> <td width="46">参数1</td> <td width="197">一个校验没有通过的错误信息</td> </tr> <tr> <td>参数2</td> <td>一个校验没有通过的元素对象</td> </tr> <tr> <td>参数3</td> <td>所有的错误信息数组,你可以通过$.map来遍历</td> </tr> </tbody> </table> </td> </tr> <tr> <td>debug</td> <td>false</td> <td>是否处于调试模式。true:不提交表单</td> </tr> </tbody> </table> </td> </tr> <tr> <td>$.formValidator.pageIsValid</td> <td>一个参数: 不是配置类型 <table class="jbborder"> <tbody> <tr> <td width="97">validatorgroup</td> <td width="60">"1"</td> <td width="362">你要针对哪个组进行验证</td> </tr> </tbody> </table> </td> </tr> <tr> <td>$.formValidator.isOneValid</td> <td>一个参数: 当时设置验证的表单元素ID。<br>返回是否校验成功的信息。 </td> </tr> <tr> <td>$.formValidator.setFailState</td> <td>function("tipid","显示的信息")<br>在showword模式下,如果你的额外校验没有通过,你可以通过它来设置成失败信息和状态 </td> </tr> <tr> <td>$.formValidator.getLength</td> <td>function("表单元素id")<br>checkbox或radiobutton表示(同组)选择的个数。<br>对select-one,选择索引的值<br>对select-multiple,inputValidator里的参数min和max表示选择的个数<br>其它input表示的表示字符长度。 </td> </tr> <tr> <td>$.formValidator.retSetTipState</td> <td>function(校验组号) 来把该组的提示内容恢复到onshow状态</td> </tr> <tr> <td>$.formValidator.reloadAutoTip</td> <td>重新定位自动构建的提示层</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <br><strong>6. 変更手順を追加します: </strong> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="38827" class="copybut" id="copybut38827" onclick="doCopy('code38827')"><u> コードをコピーします</u></a></span> コードは次のとおりです: </div> <div class="codebody" id="code38827"> <br>$.formValidator.reloadAutoTip(); // フォーム検証スタイルを再読み込みします<br>if(!$.formValidator.pageIsValid('1')) // 合格しない場合、送信しないでください<br> </div> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="20264" class="copybut" id="copybut20264" onclick="doCopy('code20264')"><u>コードをコピー </u></a></span> コードは次のとおりです: </div> <div class="codebody" id="code20264"> <br> $(document).ready(function () { <br>$.formValidator.initConfig({ formID: "form1", onError: function () {alert("検証に失敗しました。特定のエラーについてはエラー メッセージを参照してください") } }); <br>$("# name").formValidator({ onShow: "名前を入力してください!", onFocus: "1 ~ 10 文字を入力してください", onCorrect: "入力は正しいです、ありがとうございます協力してください!" }).inputValidator({ min: 1, max : 20, onError: "入力長が正しくありません!" }); <br>$("#timelong").formValidator({ onShow: "入力長が間違っています!" });ロードショー期間!", onFocus: "入力形式は正の整数です!", onCorrect: "入力は正しいです、ご協力ありがとうございます!" }).regexValidator({ regExp:"intege1",dataType: "enum" , onError: "入力した期間の形式が正しくありません!" }); <br>$( "#address").formValidator({ onShow: "ロードショー プラットフォームの名前を入力してください!", onFocus: "次のいずれかを入力してください50 文字", onCorrect: "入力は正しいです。ご協力ありがとうございます!" }).inputValidator({ min: 1, max: 50, onError: "入力長が間違っています!" }); <br>$ ("#urladdress").formValidator({ onShow: "ロードショーのリンクアドレスを入力してください!", onFocus: "入力形式:http://www.baidu.com", onCorrect: "入力は正しいです、ありがとうございますご協力をお願いします。 " }).regexValidator({ regExp:"^(http|https|ftp)://([a-zA- Z0-9.-] (:[a-zA-Z0-9.&%$) -] )*@)*((25[0-5]|2[0-4][0-9]|[0 -1]{1}[0-9]{2}|[1-9] {1}[0-9]{1}|[1-9]).(25[0-5]|2[0 -4][0-9]|[0-1]{1}[0- 9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0 ).(25[0-5]|2[0-4][0-9 ]|[0-1]{1}[0-9]{2}|[1-9]{1}[0- 9]{1}|[1-9]|0).(25[0- 5]|2[0-4][0-9]|[0-1]{1}[0-9]{2 }|[1-9]{1}[0-9]{1}|[ 0-9])|localhost|([a-zA-Z0-9-] .)*[a-zA-Z0-9 -] .(com|edu|gov|int|mil|net|org|biz| arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0 -9] )*(/($|[a-zA-Z0-9., ?'\ &%$#=~_-] ))*$", onError: "入力形式が正しくありません。 " }); <br>$("#time").formValidator({ onCorrect: "形式は正しいです" }).functionValidator({fun:isDateTime, onError: "入力形式が間違っています!" }); <br>$ ("#txtcontent").formValidator({ onShow: "専門家の紹介文を入力してください!", onFocus: "1 ~ 100 文字を入力してください", onCorrect: "入力は正しいです、ご協力ありがとうございます!" }).inputValidator({ min: 1, max: 100, onError: "入力長が正しくありません!" }) <br>});</div> </div>