web_04&新闻发布项目分析&jquery表单阻止提交&验证码

1.新闻发布项目分析
产品调研
百度一下:目前的新闻网站浏览(腾讯新闻,凤凰新闻网)
根据提供的模板页面分析web程序的前台和后台功能
前台模块
用户模块:用户登录(自动登录),用户注册,修改密码
新闻模块:查看所有发布的新闻
评论模块:评论信息,删除自己的评论等等
新闻分类模块:可以所有的主题分类
最近的浏览记录,自动登录,分页,模糊查询等等功能
后台模块
管理员登录:验证码,自动登录
用户管理模块:CURD
分类模块:CURD
新闻模块:CURD
评论模块:CURD

 2.随机验证码
 
             //封装一个方式,用来产生随机数
             var chs=[
                    'q','w','e','r','t','y','u','i','o','p',
                    'a','s','d','f','g','h','j','k','l',
                    'z','x','c','v','b','n','m',
                    'Q','W','E','R','T','Y','U','I','O','P',
                    'A','S','D','F','G','H','J','K','L',
                    'Z','X','C','V','B','N','M',
                    '1','2','3','4','5','6','7','8','9','0'
                ];
             function setAutoCode(){
                //var index=Math.floor(Math.random()*chs.length);
                //alert(index);
                var code="";
                //随机产生四个随机数
                for(var i=0;i<4;i++){
                    var index=Math.floor(Math.random()*chs.length);
                    //console.log(chs[index]);
                    code+=chs[index];
                }
                //console.log(code)
                document.getElementById("sp").innerHTML=code;
                
            }
             //标签点击产生随机数
             $("#sp").click(function(){
                 setAutoCode();
             })
             
             setAutoCode();
3.jQuery表单的阻止提交事件 

        preventDefault();

//#inputs----提交按钮对象
$("#inputs").click(function(event){
                 var code=$("#code").val();
                 if(!code){
                     alert('验证码不能为空');
                     event.preventDefault();
                 }else{
                     var sp=document.getElementById("sp").innerHTML;
                     if(sp!=code){
                         alert('验证码不一致');
                         event.preventDefault();
                     }
                 }
                 //event.preventDefaullt();jQuery表单阻止提交
             })
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值