iPhone 8 vivo X9s 华为Mate9 OPPO R9s
我可以： 邀请好友来看>>
ZOL星空(中国) > 技术星空(中国) > Java技术星空(中国) > 简单的Jquery表单验证
帖子很冷清，卤煮很失落！求安慰
返回列表
发表新帖
签到
手机签到经验翻倍！
快来扫一扫！

简单的Jquery表单验证

181浏览 / 0回复

                           
                           
                        


                        
                           
                           
                        
                        
                           
                           
                        
                        
                           
                           
                        
                    
               

xianztzjfen

xianztzjfen

0
精华1
帖子

等  级：Lv.1
经  验：0
  • Z金豆： 0

    千万礼品等你来兑哦~快点击这里兑换吧~

  • 城  市：
  • 注  册：2014-01-29
  • 登  录：2014-06-04
关注
私信
发表于 2014-06-16 17:46:54
只看楼主倒序浏览
电梯直达 楼 确定
楼主

本段代码举了一个最简单的表单验证实例，就是判断输入框是否为空而已，大家可以根据这个原理，加入正则表达式判断，实现各种功能强大的表单验证功能


   
        星空体育平台-星空(中国)
        
   
   
        


            

                ;Personal
               

                    
                        
Name:*
Address:*
City:
Country:*

            
            

            
            

            
        
        
        

            $(document).ready(function(){
            var dataValid=false;
            $('#info').html('');//然后将结果提示也设置为空；
            $('.required').blur(function(){//对于required类的元素，如果失去焦点了，则....
            var cur=$(this);//获取当前元素
            cur.next('span').remove();//然后将错题提示的给移走，不管他之前是什么；
            if($.trim(cur.val())=='')
                {//判断如果输入为空；
                    cur.after('Mandatory field!');//则在输入框后添加错题提示信息；
                    dataValid=false;
                }else{dataValid=true;}
        });
        $('#check').click(function(){//点击了Check按钮之后，执行....
        if(dataValid)
                    {
                        $('#info').html('Validation OK');//提示通过验证
                    }});
    });
        
   
开云手机版登录入口-开云(中国)官方 | 欧宝手机平台-欧宝(中国) | KY.COM-开元(中国) | 星空体育网页版-星空体育(中国)官方网站登录界面 | 华体会手机端-华体会官网(中国) | B体育平台-B体育(中国)一站式服务平台 | 开云网页版登录入口-开云（中国） | 开云手机版登录入口-开云(中国)官方 | 开云网页版-开云（中国）官方在线登录 |


电影网站源码
该片段来自于http://www.huiyi8.com/webyuanma/cinema/
下载ZOL客户端，随时随地与大家交流 发表回复
表情高级回复
回复
评分 收藏 赞

楼主热贴

相关推荐

个性签名：无
分享到：
看科技短视频，用ZOL APP 举报 只看此人 回复 评分
发表新帖
返回列表
高级模式
发表回复 Ctrl+Enter快捷发布 积分规则
星空(中国)精选大家都在看24小时热帖7天热帖大家都在问最新回答

针对ZOL星空(中国)您有任何使用问题和建议 您可以 联系星空(中国)管理员 、 查看帮助  或  给我提意见

快捷回复 APP下载 返回列表
开云手机版登录入口-开云(中国)官方 | 欧宝手机平台-欧宝(中国) | KY.COM-开元(中国) | 星空体育网页版-星空体育(中国)官方网站登录界面 | 华体会手机端-华体会官网(中国) | B体育平台-B体育(中国)一站式服务平台 | 开云网页版登录入口-开云（中国） | 开云手机版登录入口-开云(中国)官方 | 开云网页版-开云（中国）官方在线登录 |