真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

前端向后臺(tái)傳表單數(shù)據(jù)(有下拉菜單的表單)

1.表單排版一般效果

        
            
                
姓名：

                
手機(jī)：

            
                             

意向國(guó)家：                                              美國(guó)                         加拿大                         匈牙利                         西班牙                         葡萄牙                                      

            
                                                       

             

2.css樣式

公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)推出振興免費(fèi)做網(wǎng)站回饋大家。

.index-pg{padding-bottom:20px;padding-top: 20px;}
.index-pg .text1{font-size:16px;color:333;text-align:center;padding:10px 0}
.index-pg .text2{font-size:14px;color:333;text-align:center}
.index-pg .text1 span,.index-pg .text2 span{color:#2681d9}
.index-pg .input-box p{
    display: -webkit-box;
    display: box;
    display:  -webkit-flex;
    display: flex;
    margin-bottom:15px}
.index-pg .input-box p span{width:45px;line-height:30px;}
.index-pg .input-box p input{padding:0 5px;color:#666;-webkit-box-flex: 1;-webkit-flex: 1;border:3px solid #2681d9;line-height:25px;}
.index-pg .text3{padding:0 35px;color:#2681d9;font-size:14px;}

.index-pg .input-box1 p span{width:70px;}
.index-pg .input-box1 p select{height:30px;line-height:30px;-webkit-box-flex: 1;-webkit-flex: 1;border:3px solid #2681d9}

.index-pg .pg-btn img{width:160px;height:40px;display:block;margin:0 auto;}

3.js代碼

$('#form1').on('click','.pg-btn',function(){    
    var form=$('this).data('target-id');
    var myform=$('#'+form);
    var name=myform.find("[name='username']");
    var tel=myform.find("[name='tel']");
    //下拉列表選中的選中項(xiàng)文字
    var country=myform.find("[name='country_id']").find("option:selected").text();
   
   //檢測(cè)手機(jī)號(hào)碼
   function checkphone(num){
      var re = /^1[358][0-9]{9}$/; 
      if(!re.test(num)){
         alert('請(qǐng)您輸入正確的手機(jī)號(hào)碼')；
         return false; 
      }
   
   }
   //非空驗(yàn)證
    if (!$.trim(name.val())) {
            layer.msg('請(qǐng)?zhí)顚?xiě)姓名');
            return false;
        };
    
    if (!$.trim(tel.val())) {
            layer.msg('請(qǐng)輸入電話號(hào)碼');
            return false;
        };
        
    var formdata={
        name:name,
        tel:tel,
        country:country    
    };   
    
    $.post(form.attr('action'),formdata,function(res){
        var res=JSON.parse(res);
        if(res.status==1){
            alert('您已經(jīng)提交成功')；
            form.reset();        
        }else{
            alert(‘不好意思，            
            
                        

            網(wǎng)頁(yè)名稱：前端向后臺(tái)傳表單數(shù)據(jù)(有下拉菜單的表單)            

            網(wǎng)頁(yè)網(wǎng)址：http://weahome.cn/article/ggsdjs.html
        
    



    
其他資訊

    





    




    

        

            
                
                
在線咨詢

            
        

    

    

        
微信咨詢

        

    

    

        
電話咨詢

        

            
028-86922220（工作日）

            
18980820575（7×24）

        

    

    

        

            
                
提交需求

            
        

    

    

        

            
                
返回頂部