第一百五十二节，封装库--JavaScript，表单验证--年月日注入-白红宇

第一百五十二节，封装库--JavaScript，表单验证--年月日注入

阅读量：5837 次

发布时间：2019-06-18

本文共 3600 字，大约阅读时间需要 12 分钟。

封装库--JavaScript，表单验证--年月日注入

效果图

html


         
      会员注册
    
              
                   
        
         用 户 名： 
                         
         请输入用户名，4~20位，由字母、数字和下划线组成！                
         输入不合法，请重新输入！                
         可用            
        
            
        
         密　　码： 
                         
                             安全级别：■■■ 
                    ○ 6-20 个字符
                    ○ 只能包含大小写字母、数字和非空格字符
                    ○ 大、小写字母、数字、非空字符，2种以上
                                
         输入不合法，请重新输入！                
         可用            
        
            
        
         密码确认： 
                         
         请再一次输入密码！                
         密码不一致，请重新输入！                
         可用            
        
            
        
         提　　问： 
         
        
            
        
         回　　答： 
                         
         请输入回答，2~32位！                
         回答不合法，请重新输入！                
         可用            
        
            
        
         电子邮件： 
                         
         请输入电子邮件！                
         邮件不合法，请重新输入！                
         可用                
                             
          @qq.com
                    
          @163.com
                    
          @sohu.com
                    
          @sina.com.cn
                    
          @gmail.com
                
         
            
        
            
        
         生　　日： 
          年                
          月                
          日            
        
            
        
         备　　注： 
                     
        
            
        
         还可以输入200字

前台js

//年月日    var nian = $('form').hq_form_name('year');    var yuen = $('form').hq_form_name('month');    var ri = $('form').hq_form_name('day');    //根据月份判断天数    var yuen30 = [4,6,9,11];           //30天的月份    var yuen31 = [1,3,5,7,8,10,12];    //31天的月份    //注入年    for(var i = 1950; i <= 2017; i++){        nian.sh_jd().add(new Option(i,i),undefined);    }    //注入月    for (var i = 1; i <= 12; i++){        yuen.sh_jd().add(new Option(i,i),undefined);    }    //判断注入日    //当改变年月value值并失去焦点时触发    nian.yuan_su_shi_jian('change', select_day);    yuen.yuan_su_shi_jian('change', select_day);    function select_day() {                  //当改变年value值并失去焦点时触发        if (nian.hq_value() != 0 && yuen.hq_value() != 0) {      //判断当年月的值都不等于0时            //清理之前的注入            ri.sh_jd().options.length = 1;            var chu_ri = 0;                                         //初始化日            //注入31天            if (pd_shuzu(yuen31, parseInt(yuen.hq_value()))) {      //判断当月属于31天时                chu_ri = 31;                //注入30            } else if (pd_shuzu(yuen30, parseInt(yuen.hq_value()))) {                chu_ri = 30;            } else {                //判断润年29天                if ((parseInt(nian.hq_value()) % 4 == 0 && parseInt(nian.hq_value()) % 100 != 0) || parseInt(nian.hq_value()) % 400 == 0) {                    chu_ri = 29;                } else {                    //注入28天                    chu_ri = 28;                }            }            for (var i = 1; i <= chu_ri; i++) {                ri.sh_jd().add(new Option(i, i), undefined);            }        } else {    //如果年为0时清理注入            ri.sh_jd().options.length = 1;        }    }

首先引入封装库

转载地址：http://oujcx.baihongyu.com/

你可能感兴趣的文章

pytorch导入错误so: undefined symbol: _Z11libshm_initPKc

查看>>

Java基础-IO流对象之字符缓冲流（BufferedWriter与BufferedReader）

nux driver model ----- platform