码迷,mamicode.com
首页 > Web开发 > 详细

简单的jquery表单验证

时间:2018-02-05 18:36:47      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:prim   type   parent   button   ems   技术分享   for   span   cti   

                                                <tr>
                                                    <td style="width:25%">充值数量:</td>
                                                    <td><input type="text" id="count"  class="input col-sm-2" name="gems" ></td>
                                                </tr> 
                            <button id="button" class="btn btn-primary btn_submit J_ajax_submit_btn"type="button">提交</button>
        <script>
            $(function(){
                $(‘#count‘).blur(function(){
                var value=$(this).val();
                var reg=/^\d+$/i;
                if(!reg.test(value) || value==0){
                    var font=‘<font id="del"  color="red">填写非0的正整数</font>‘;
                    $(‘#del‘).remove();
                    $(this).parent().append(font);
                }else{
                    $(‘#del‘).remove();
                }
                });

            $(‘#button‘).click(function(){
                var value=$(‘#count‘).val();
                var reg=/^\d+$/i;
                if(!reg.test(value) || value==0){
                    var font=‘<font id="del"  color="red">填写非0的正整数</font>‘;
                    $(‘#del‘).remove();
                    $(‘#count‘).parent().append(font);
                    var ok=false;
                }else{
                    $(‘#del‘).remove();
                    var ok=true;
                }
                if(ok){
                    $(‘form‘).submit();
                }
            });        
        });
        </script>

技术分享图片

 

简单的jquery表单验证

标签:prim   type   parent   button   ems   技术分享   for   span   cti   

原文地址:https://www.cnblogs.com/mengor/p/8418339.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!