⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 formvalidator帮助文档.htm

📁 基于JQuery的表单验证脚本程序 基于JQuery的表单验证脚本程序
💻 HTM
📖 第 1 页 / 共 2 页
字号:
          </tr>
          <tr> 
            <td height="30%" valign="top">param</td>
            <td valign="top">附加参数</td>
            <td valign="top">&quot;i&quot;</td>
            <td valign="top">g:代表可以进行全局匹配。<br>
              i:代表不区分大小写匹配。<br>
              m:代表可以进行多行匹配。<br>
              可以任意组合,当然也可以不加参数 </td>
          </tr>
          <tr valign="top"> 
            <td height="31%">datatype</td>
            <td>数据类型</td>
            <td>&quot;string&quot;</td>
            <td>&quot;string&quot;:自己写的表达式,&quot;enum&quot;:枚举名。具体请见demo3.htm,你可以自己修改附加pageValidatorRegex.js里的枚举项目名和表达式。</td>
          </tr>
          <tr valign="top"> 
            <td height="31%">onerror:</td>
            <td>发生错误的提示</td>
            <td>&quot;输入错误&quot;</td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>AjaxValidator:</td>
      <td colspan="3">几乎所有的属性跟$.ajax()的属性一样,请参考$.ajax()函数的帮助</td>
    </tr>
    <tr> 
      <td colspan="4"><table width="600" border="1" cellspacing="0" cellpadding="2">
          <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>&quot;GET&quot;</td>
            <td>&quot;POST&quot; 或 &quot;GET&quot;</td>
          </tr>
          <tr> 
            <td>url</td>
            <td>发送到的URL地址</td>
            <td>&quot;&quot;</td>
            <td>&nbsp;</td>
          </tr>
          <tr> 
            <td>datatype</td>
            <td>返回的数据类型</td>
            <td>&quot;html&quot;</td>
            <td>xml、html、script、json</td>
          </tr>
          <tr> 
            <td>data</td>
            <td>数据</td>
            <td>&quot;&quot;</td>
            <td>&nbsp;</td>
          </tr>
          <tr> 
            <td>async</td>
            <td>是否以异步的方式发送</td>
            <td>true</td>
            <td>&nbsp;</td>
          </tr>
          <tr> 
            <td>success</td>
            <td>当请求成功时调用的函数</td>
            <td>null</td>
            <td>&nbsp;</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>&nbsp;</td>
          </tr>
          <tr> 
            <td>beforesend</td>
            <td>当请求前时调用的函数</td>
            <td>null</td>
            <td>&nbsp;</td>
          </tr>
          <tr valign="top"> 
            <td>error</td>
            <td>当请求失败时调用的函数</td>
            <td>&quot;请求失败&quot;</td>
            <td>你可以自己定义这个错误,在error里自动打出</td>
          </tr>
        </table></td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td>公共函数:</td>
      <td colspan="3">主要是设置全局参数和判断是否通过校验</td>
    </tr>
    <tr> 
      <td colspan="4"><table width="600" border="1" cellspacing="0" cellpadding="2">
          <tr> 
            <td width="192">函数名</td>
            <td width="600">函数说明</td>
          </tr>
          <tr> 
            <td valign="top">jQuery.formValidator.initConfig</td>
            <td>参数:配置类型 
              <table width="413" border="1" cellspacing="0" cellpadding="2">
                <tr> 
                  <td width="97">属性</td>
                  <td width="121">默认值</td>
                  <td width="362">说明</td>
                </tr>
                <tr> 
                  <td>validatorGroup</td>
                  <td>&quot;1&quot;</td>
                  <td>你要针对哪个组进行配置</td>
                </tr>
                <tr> 
                  <td>alertMessage</td>
                  <td>false</td>
                  <td>是否弹出窗口</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> 
                  <td>onError</td>
                  <td>null</td>
                  <td>该组校验失败后的回调函数</td>
                </tr>
              </table></td>
          </tr>
          <tr> 
            <td valign="top">jQuery.formValidator.PageIsValid</td>
            <td> 一个参数: 不是配置类型 
              <table width="413" border="1" cellspacing="0" cellpadding="2">
                <tr> 
                  <td width="97">validatorGroup</td>
                  <td width="121">&quot;1&quot;</td>
                  <td width="362">你要针对哪个组进行验证</td>
                </tr>
              </table></td>
          </tr>
          <tr> 
            <td valign="top">jQuery.formValidator.IsOneValid</td>
            <td>一个参数: 当时设置验证的表单元素ID。<br>
              返回是否校验成功的信息。 </td>
          </tr>
          <tr> 
            <td valign="top">jQuery.formValidator.SetFailState</td>
            <td>function("tipid","显示的信息")<br>
              在showword模式下,如果你的额外校验没有通过,你可以通过它来设置成失败信息和状态 </td>
          </tr>
          <tr> 
            <td valign="top">jQuery.formValidator.GetLength</td>
            <td>function("表单元素id")<br>
              判断表单元素的选择长度(个数)<br>
              checkbox或radiobutton表示选择的个数。<br>
              select表示选择的selectedIndex值。<br>
              其它的表示字符长度。 </td>
          </tr>
        </table></td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>问答:</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">1、如何实现一个控件,根据不同的情况,实现不同的控制?</td>
    </tr>
    <tr> 
      <td colspan="4"> 你只需要在你的不同种情况下,重新设置你的【一行代码】</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">2、一个页面上我有几个tab页,如何实现每个Tab页上的控件单独校验?</td>
    </tr>
    <tr> 
      <td colspan="4">每个Tab页上需要校验的控件,你在写【一行代码】的时候,显示的声明组号</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">3、我采用的页面上文字问题的方式,点提交的时候,有校验未通过的,除了文字提示外,还可以再弹出窗口提示吗?</td>
    </tr>
    <tr> 
      <td colspan="4">这个问题很简单,你只要设置改组的全局配置,<br>
        jQuery.formValidator.initConfig({onError:function(){alert(&quot;有部分校验没有通过,请看页面具体提示&quot;);}})</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">4、所有校验通过后,我还要再做别的判断可以吗?我自己的判断没有通过可以中断提交吗?</td>
    </tr>
    <tr> 
      <td colspan="4"><p>同样很简单,你页只需设置该组的全局配置,<br>
          jQuery.formValidator.initConfig({onSuccess:function()<br>
          {<br>
          if(你的额外判断失败)<br>
          &nbsp;&nbsp;&nbsp;&nbsp;return false;<br>
          else<br>
          &nbsp;&nbsp;&nbsp;&nbsp;return true;<br>
          }})</p></td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">5、我有一组的checkbox(radiobutton)如何设置校验? </td>
    </tr>
    <tr> 
      <td colspan="4">你只需在该组的第一个checkbox上设置校验信息即可,具体请参考demo1里的范例<br>
        如果你该组的第一个控件的ID ,你可以这么写:$(&quot;sex_1&quot;).InputValidator({...})<br>
        如果你只知道该组的name,你可以这么写:$(&quot;input:check[@name='sex']&quot;).slice(0,1).InputValidator({...})</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">6、我有2个表单元素,任意一个元素输入东西就算验证通过,如何写代码?比如要求输入中文名字和英文名字任意一个即算校验通过。</td>
    </tr>
    <tr> 
      <td colspan="4">正在开发这个功能</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">7、一个表单元素校验通过了,但是我想额外再进行其它的校验,出错要自定义错误,如何写代码?</td>
    </tr>
    <tr> 
      <td colspan="4">$("#ewjy").formValidator({onshow:"无论你输入什么,都会提示你额外校验出错,错误信息自定义",onfocus:"至少输入一个字符",oncorrect:"你怎么可能输入正确了,难道是bug?",onvalid:function(){$.formValidator.SetFailState("ewjyTip","额外校验失败");alert("额外校验失败");return 
        false;}}).InputValidator({min:1,onerror:"这里至少要一个字符,请确认"});</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">8、如何让赋了初始值的表单元素默认校验通过</td>
    </tr>
    <tr> 
      <td colspan="4">$(&quot;#xueli&quot;).formValidator({onshow:&quot;请选择你的学历&quot;,onfocus:&quot;学历必须选择&quot;,oncorrect:&quot;谢谢你的配合&quot;,defaultvalue:&quot;b&quot;}).InputValidator({onerror: 
        &quot;你是不是忘记选择学历了!&quot;})<strong>.DefaultPassed()</strong>;</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="4">&nbsp;</td>
    </tr>
  </table>

</form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -