通用JS表单验证下载

【文件属性】：
文件名称：通用JS表单验证
文件大小：5KB
文件格式：RAR
更新时间：2016-08-28 05:45:25
JS 表单验证可扩展使用时请将下面的javascript代码存到一个单一的js文件中。 1、表单要求将对表单中的所有以下类型的域依次验证，所有验证是去除了前导和后缀空格的，要注意是区分大小写的。 2、空值验证表单中任意域加上emptyInfo属性将对此域是否为空进行验证（可以和最大长度验证\一般验证方式同时使用）。无此属性视为此域允许空值。　　如： 3、最大长度验证（可以和空值验证、一般验证方式同时使用）：或,

3、一般验证方式(不对空值做验证）:
　　如：<input type="text" validator="^(19|20)[0-9]{2}$" errorInfo="不正确的年份!" >
4、标准验证(不与其它验证方式同时使用）：
 全部通过<input type="hidden">来实现，并且不需要name属性以免提交到服务器。
　　4.1、合法日期验证：
  <input type="text" name="yearfieldName" value="2004">注：这里也可以是<select name="yearfieldName"></select>，以下同
  <input type="text" name="monthfieldName" value="02">
  <input type="text" name="dayfieldName" value="03">
  <input type="hidden" validatorType="DateGroup" year="yearfieldName" month="monthfieldName" day="dayfieldName" errorInfo="不正确的日期!">
  yearfieldName、monthfieldName、dayfieldName分别为年月日字段，月和日可以是两位(MM)或一位格式(M)，
  此处不对每个字段分别检验(如果要检验，请在年月日三个域分别使用前面的一般验证方式），只对日期的最大值是否合法检查;
 4.2、日期格式验证(请注意，此验证不对日期是否有效进行验证，还未找到从格式中得到年月日数据的方法^_^)：
  <input type="text" name="datefieldName" value="2003-01-03 21:31:00">
  <input type="hidden" validatorType="Date" fieldName="datefieldName"; format="yyyy-MM-dd HH:mm:ss" errorInfo="不正确的日期!">
  其中格式仅对y、M、d、H、m、s进行支持(其它字符视为非时间的字符)
 4.3、列表验证：
  检验列表(checkbox、redio、select)是否至少选中了一条记录(对select主要用于多项选择)
  <input type="checkbox" name="checkbox1">
  <input type="hidden" validatorType="Checkbox" fieldName="checkbox1" errorInfo="请至少选中一条记录!">
  其中validatorType可以是Checkbox、R、Select;
  对于一个select表单，如果要求选择一条不能是第一条的记录，请用下列方式:
  <select name="select1" emptyInfo="请选择一个选项!">
  <option value="">==请选择==</option>
  <option value="1">1</option>
  <select>
 4.4、Email验证：
  <input type="text" name="email">
  <input type="hidden" fieldName="email" validatorType="Email" / errorInfo="不正确的Email!">
  其中separator为可选项，表示输入多个email时的分隔符(无此选项只能是一个地址）
 4.5、加入其它javascript操作：
 <script type="text/javascript">
  function functionname(){
    自定义方法
  }
 </script>
 表单中加入<input type="hidden" validatorType="javascript" functionName="functionname">（此时emptyInfo等属性无效）
  时将调用function属性中指定的javascript方法（要求方法返回true或false，返回false将不再验证表单，也不提交表单)。
5、在表单通过验证提交前disable一个按钮（也可将其它域disable,不能与其它验证同在一个域)，不要求按钮是表单中的最后一个
 <input type="button" name="提交" validatorType="disable">
6、不验证表单
　　<input type="hidden" name="validate" value="0" functionName="functionname">
 当validator域值为0时不对表单进行验证，直接提交表单或执行指定function并返回true后提交表单
 functionName为可选    
    <div class="p10 mt20 tc">  
        <a  rel="nofollow" class="btn btn-big download" href="javascript:void(0)" title="立即下载">立即下载</a>
    </div>

<br/>
    【文件预览】：<br/>表单验证js+提交前验证<br/>----validateForm.js(7KB)<br/>----表单验证.txt(9KB)<br/><br/>
</div></article>

<div class="single-xg mb-40 pb-40">
    <div class="con-title"><h3>网友评论</h3>
    </div>
    <div class="new-list">
    <ul class="row">
                <li class="col-md-12 col-sm-12 col-xs-12 mt15">受教了 还不错 很有启发 作为刚学习的新手有借鉴</li>
                 <li class="col-md-12 col-sm-12 col-xs-12 mt15">学习了一下，条理很好，谢谢分享了</li>
                 <li class="col-md-12 col-sm-12 col-xs-12 mt15">不错的，思路很好</li>
             </ul>
    </div>
    </div>

<div class="single-info mb-40"></div><div class="single-xg mb-40 pb-40">
<div class="con-title"><h3>相关文章</h3>
</div>
<div class="new-list">
<ul class="row"><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/533227.html" target="_blank" title="JS通用表单验证">JS通用表单验证</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/533225.html" target="_blank" title="js通用表单验证代码">js通用表单验证代码</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/7383485.html" target="_blank" title="web通用表单验证JS">web通用表单验证JS</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/5321180.html" target="_blank" title="通用表单验证脚本.js">通用表单验证脚本.js</a></li></ul>
</div>
</div></div>
</div>
<div class="col-md-3 d-none d-md-block">
<div class="sidebar"><aside id="rand_post-2" class="widget widget_rand_post"><h3 class="widget-title">推荐文章</h3><ul class="new-list"><li><a href="/1214.html" title="笔记示例" target="_blank"><span class="title_color">笔记示例</span></a></li><li><a href="/1215.html" title="123" target="_blank"><span class="title_color">123</span></a></li><li><a href="/1217.html" title="React Apollo入门" target="_blank"><span class="title_color">React Apollo入门</span></a></li><li><a href="/1279.html" title="TypeScript：字符串转换为数字" target="_blank"><span class="title_color">TypeScript：字符串转换为数字</span></a></li><li><a href="/1282.html" title="Jackson设置JSON的日期格式" target="_blank"><span class="title_color">Jackson设置JSON的日期格式</span></a></li><li><a href="/1287.html" title="5月30日周一上午" target="_blank"><span class="title_color">5月30日周一上午</span></a></li><li><a href="/1292.html" title="股市早8点（10月15日周一）" target="_blank"><span class="title_color">股市早8点（10月15日周一）</span></a></li><li><a href="/1293.html" title="男人的葵花宝典" target="_blank"><span class="title_color">男人的葵花宝典</span></a></li><li><a href="/1195.html" title="Spring boot maven打包后文件变大原因以及解决方法" target="_blank"><span class="title_color">Spring boot maven打包后文件变大原因以及解决方法</span></a></li><li><a href="/1198.html" title="Maven使用本地jar包" target="_blank"><span class="title_color">Maven使用本地jar包</span></a></li></ul></aside> 
    <aside id="rand_post-2" class="widget widget_rand_post">
        <h3 class="widget-title">相关下载</h3>
        <ul class="new-list"> 
                            <li><a href="/down/49821.html" title="通用JS表单验证下载" target="_blank"><span class="title_color">通用JS表单验证下载</span></a></li>
                                <li><a href="/down/533227.html" title="JS通用表单验证下载" target="_blank"><span class="title_color">JS通用表单验证下载</span></a></li>
                                <li><a href="/down/533225.html" title="js通用表单验证代码下载" target="_blank"><span class="title_color">js通用表单验证代码下载</span></a></li>
                                <li><a href="/down/7383485.html" title="web通用表单验证JS下载" target="_blank"><span class="title_color">web通用表单验证JS下载</span></a></li>
                                <li><a href="/down/5321180.html" title="通用表单验证脚本.js下载" target="_blank"><span class="title_color">通用表单验证脚本.js下载</span></a></li>
                  
        </ul>
    </aside> 
</div>
</div>
</div>
</div></main><section id="footer" class="pt-30 pb-20"><div class="container"><div class="footer-top clearfix"><div class="copyr text-center"><div class="footer-menu clearfix mb-10"><ul class="footer-menu-con"><li><a href="/zuixin/">最新编程技术文章</a></li><li><a href="/sitemap.xml">网站地图</a></li></ul></div><p>Copyright © 2021-2022 www.miaokee.com 秒客网  备案号：<a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备2021167564号</a></p><p>免责声明：本站文章多为用户分享,部分搜集自互联网,如有侵权请联系站长,我们将在72小时内删除。<span class="emailbox" title="emailbox"></span></p></div></div></div></section><mip-fixed type="gototop" class="gototop mip-element" mipdata-fixedidx="Fixed0" style="z-index: 10000; bottom: 90px; right: 10%;"><mip-gototop threshold="300" class="mip-element mip-layout-container mip-gototop-show"><i class="iconfont"></i></mip-gototop></mip-fixed><script  id="opendown" type="text/html">
    <div class="opendown_header">
        <i class="fa fa-cloud-download" aria-hidden="true"></i>下载文件
    </div>
    <div class="opendown_body">
        <ul>
            <li class="text-danger likes down-1"><strong>资源为：RAR 文件大小为：5KB</strong></li>
            <li class="opendown_title down-1">通用JS表单验证</li>
            <li class="text-danger down-1"> 下载协议：本网站资源收集于网络并不能保证每一条都是完美的资源,您下载本资源赞助的费用仅仅是对网站的友情支持与本资源内容无关,一旦赞助不支持退款。 </li>
            <li class="text-danger down-1"> <label><input type="checkbox" value="1" name="agreetxt" /> 同意下载协议 </label> </li>
            <li class="down-1">  <a href="javascript:void(0)" class="btn btn-big btn-blue btngetdown">获取下载地址</a></li>
        </ul>
    </div>
</script>
<script id="paydown"  type="text/html">
    <div class="opendown_header" id="pay-title">填写信息</div>
    <div class="opendown_body">
        <div id="pay-1">
            <ul> 
                        <li class="opendown_title">通用JS表单验证</li>
                        <li>
                            <div>
                                <span class="for-span">邮箱地址：</span>
                                <input type="text" class="for-down" id="pay-email" data-rule="required;email" name="email" value="" placeholder="输入邮箱地址以便发送订单信息"> 
                            </div>
                        </li>
                        <li class="text-danger">邮箱建议使用QQ邮箱，填写邮箱方便查询订单信息</li>
                         <li class="down-1"><a  href="javascript:void(0)" type="button" class="btn btn-big btn-blue downurl" id="click-pay">高速下载</a></li>
              
            </ul>
        </div>
         
    </div>
</script>
<script>
      $('.download').click(function(){
        layer.open({
            type: 1,
            shade: 0.8,
            title: false,
            closeBtn: 1,
            area: ['350px', ''],
            content: $('#opendown').html()
        });
    })

$(document).on('click','.btngetdown',function(){
        var id=/\/(\d+)\./.exec(window.location.href)[1];
        if(!$('[name="agreetxt"]').is(':checked')){
            alert('请同意下载协议');
        }else{
            layer.closeAll();
            layer.open({
                type: 1,
                shade: 0.8,
                title: false,
                closeBtn: 1,
                area: ['350px', ''],
                content: $('#paydown').html()
            });
        }
    })

$(document).on('click','#click-pay',function(){
        var id=/\/(\d+)\./.exec(window.location.href)[1];
        var email=$.trim($('#pay-email').val());
        if(email.length==0){
            alert('请填写邮箱地址，接收下载文件和查询订单信息');
            return;
        }
        if(!/\w+@\w+\.\w+/.test(email)){
            alert('请填写邮箱正确的邮箱地址，建议使用QQ邮箱');
            return;
        }

layer.closeAll();
        layer.open({
            type: 2,
            title: '赞助网站',
            shadeClose: true,
            shade: 0.8,
            area: ['580px', '630px'],
            content: '/default/pay/init?id='+id+'&email='+email 
          });
        
    })
</script>
<script type="text/javascript" src="/statics/miaokee/js/show.js">
</script>
</body>
</html>