app(js生日、性别设置)

这段代码展示了如何在移动端应用中设置和显示用户的生日和性别。使用了if条件判断来根据已有数据填充输入框,如果数据为空则显示'点击设置'。同时,通过mobileselects.js库实现日期和性别选择的弹窗,用户选择后通过AJAX发送到'api/member/shengri'接口更新用户信息。
摘要由CSDN通过智能技术生成

app(js生日、性别设置)

   <div class='my_menu_content'>
     <div class='content'>生日 </div>
     <div class='row3'>
      {if $jifeng00['birthday']!=0}
      <span class="xingming1"><img mode="widthFix" src="WAP_IMG/stact/picture/address_row.jpg"/><input style="border: none;outline: none;width: 40%;float: right;" type="text" readonly="readonly" placeholder="" value="{$jifeng00['birthday']}" id="trigger1"></span>
      {else/}
      <span class="xingming1"><img mode="widthFix" src="WAP_IMG/stact/picture/address_row.jpg"/><input style="border: none;outline: none;width: 40%;float: right;" type="text" readonly="readonly" placeholder="点击设置" id="trigger1"></span>
      {/if}
    </div>
    </div>
    
   <div class='my_menu_content' >
   <div class='content'>性别</div>
   <div class='row3'>

    {if $jifeng00['sex']==0}
    <span class="xingming1"><img mode="widthFix" src="WAP_IMG/stact/picture/address_row.jpg"/><input style="border: none;width: 18%;float: right;outline: none" type="text" readonly="readonly" placeholder="" id="trigger5" value="保密"></span>
    {/if}
    {if $jifeng00['sex']==1}
    <span class="xingming1"><img mode="widthFix" src="WAP_IMG/stact/picture/address_row.jpg"/><input style="border: none;width: 18%;;float: right;outline: none" type="text" readonly="readonly" placeholder="" id="trigger5" value=""></span>
    {/if}
    {if $jifeng00['sex']==2}
    <span class="xingming1"><img mode="widthFix" src="WAP_IMG/stact/picture/address_row.jpg"/><input style="border: none;width: 18%;float: right;outline: none" type="text" readonly="readonly" placeholder="" id="trigger5" value=""></span>
    {/if}
    
  </div>
   </div>
<script src="WAP_IMG/stact/js/jquery-1.10.2.js"></script>
<script src="WAP_IMG/stact/js/mobileselects.js"></script>
<script>
<!--日期选择-->
var years=[];
var month=[];
var day=[];
var myDate = new Date();
myDate.getFullYear();    //获取完整的年份(4位,1970-????)
myDate.getMonth();       //获取当前月份(0-11,0代表1月)
myDate.getDate();
var _data=[];
for(i=0; i<myDate.getFullYear(); i++){
    //年
    var obj={};
    var yer=1980+i+1;
    obj.value=1980+i+1;
    var _data2=[];
    for(n=0; n<12; n++){
        //月
        var obj2={};
        if(n<9){
            obj2.value='0'+(n+1);
        }else{
            obj2.value=n+1;
        }
        var _data3=[];
        if(n==1){
            var cond1 = yer % 4 == 0;  //条件1:年份必须要能被4整除
            var cond2 = yer % 100 != 0;  //条件2:年份不能是整百数
            var cond3 = yer % 400 ==0;
            var cond = cond1 && cond2 || cond3;
            //闰年
            if(cond){
                for(y=0; y<29; y++){
                    //日
                    var obj3={};
                    if(y<9){
                        obj3.value='0'+(y+1);
                    }else{
                        obj3.value=y+1;
                    }
                    _data3.push(obj3)
                }
            }else{
                for(y=0; y<28; y++){
                    //日
                    var obj3={};
                    if(y<9){
                        obj3.value='0'+(y+1);
                    }else{
                        obj3.value=y+1;
                    }
                    _data3.push(obj3)
                }
            }
        }else if(n==0||n==2||n==4||n==6||n==7||n==9||n==11){
            for(y=0; y<31; y++){
                //日
                var obj3={};
                if(y<9){
                    obj3.value='0'+(y+1);
                }else{
                    obj3.value=y+1;
                }
                _data3.push(obj3)
            }
        }else{
            for(y=0; y<30; y++){
                //日
                var obj3={};
                if(y<9){
                    obj3.value='0'+(y+1);
                }else{
                    obj3.value=y+1;
                }
                _data3.push(obj3)
            }
        }
        obj2.childs=_data3;
        _data2.push(obj2);
    }
    obj.childs=_data2;
    _data.push(obj)
}
var mobileSelect1 = new MobileSelect({
    trigger: '#trigger1',
     title: '日期选择',
    wheels: [
        {data:_data}
    ],
    transitionEnd:function(indexArr, data){
        console.log(data);
    },
    callback:function(indexArr, data){
    $uid ={$member_account['uid']};

        $("#trigger1").val(data[0].value+'-'+data[1].value+'-'+data[2].value);
         var date=data[0].value+'-'+data[1].value+'-'+data[2].value;
          console.log(date);
             $.post('{:url("api/member/shengri")}',{date:date,uid:$uid}, function(data){
              
            }, 'json'); 

    }
});

;
</script>
<script type="text/javascript">
  var UplinkData =
  [
   {id:'0',value:'保密'},
    {id:'1',value:'女'},
      {id:'2',value:'男'},
    ]
  var mobileSelect5 = new MobileSelect({
    trigger: '#trigger5',
    title: '选择性别',
    wheels: [
          {data : UplinkData}
        ],
    transitionEnd:function(indexArr, data){
     
    },
    callback:function(indexArr, data){
       // console.log(data[0].value);
        $("#trigger5").val(data[0].value);
     var sex=data[0].value;
    if(sex=='保密')
    {
      var sex=0;
    }
     if(sex=='女')
    {
      var sex=1;
    }
     if(sex=='男')
    {
      var sex=2;
    }
   $uid ={$member_account['uid']};

       $.post('{:url("api/member/shengri")}',{index:sex,uid:$uid}, function(data){
              
            }, 'json'); 
    } 
  });
  </script>
	//wap设置生日/性别
	public function shengri(){
		$uid=$this->uid;
		$data=input();
		if($data['date']!=''){
			
			$res['birthday']=$data['date'];
			Db::name('sys_user')->where('uid',$data['uid'])->update($res); 

		}
			if($data['index']!=''){
			$ress['sex']=$data['index'];
			Db::name('sys_user')->where('uid',$data['uid'])->update($ress); 

		}
         	return json_encode($point);

	}
自己的比较全js验证,供大家参考 //身份证验证 function checkIdcard(idcard1,showMsg){ var idcard=this.trim(idcard1);// 对身份证号码做处理。去除头尾空格。 var Errors=new Array( "验证通过!", "身份证号码位数不对!", "身份证号码出生日期超出范围或含有非法字符!", "身份证号码校验错误!", "身份证地区非法!" ); var area={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"} var idcard,Y,JYM; var S,M; var idcard_array = new Array(); idcard_array = idcard.split(""); /*基本校验*/ if(idcard == "" || idcard == null || idcard.length == 0) { if(showMsg==null||showMsg=="") alert("身份证号为空,请输入您的身份证号!"); return false; } /*地区检验*/ if(area[parseInt(idcard.substr(0,2))]==null) { if(showMsg==null||showMsg=="") alert(Errors[4]); return false; } /*身份号码位数及格式检验*/ switch(idcard.length){ case 15: if ( (parseInt(idcard.substr(6,2))+1900) % 4 == 0 || ((parseInt(idcard.substr(6,2))+1900) % 100 == 0 && (parseInt(idcard.substr(6,2))+1900) % 4 == 0 )){ ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;//测试出生日期的合法性 } else { ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//测试出生日期的合法性 } if(ereg.test(idcard)){ //alert(Errors[0]+"15"); return true; //15位验证通过 } else { if(showMsg==null||showMsg=="") alert(Errors[2]); return false; } break; case 18: //18位身份号码检测 //出生日期的合法性检查 //闰年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值