表单提交

html:

<form action="/pcCourse/user_buyerSave.jspx" method="get" onsubmit="return uc.check()" id="jvForm">
            <div class="uc_change_wrapper  uc_box">
              <div class="uc_input_box">
                <label for="name" class="uc_input_name">姓名</label>
                <input type="text" id="name" autocomplete="off" placeholder="听课证上打印的学员名字,请您准确填写"
                  class="uc_input_value name">
                <div class="uc_error_tips"></div>
              </div>
              <div class="uc_input_box">
                <label for="phone" class="uc_input_name">手机号码</label>
                <input type="text" id="phone" autocomplete="off" placeholder="填写手机号" class="uc_input_value phone">
                <div class="uc_error_tips"></div>
              </div>
              <div class="uc_input_box">
                <label for="email" class="uc_input_name">电子邮箱</label>
                <input type="text" id="email" autocomplete="off" placeholder="给您发送听课信息" class="uc_input_value email">
                <div class="uc_error_tips"></div>
              </div>
              <div class="uc_input_box uc_gender">
                <span class="uc_input_name">性别</span>
                <ul class="uc_gender_box">
                  <label class="uc_gender_item cur"><input name="sex" checked type="radio" value="0" /></label>
                  <label class="uc_gender_item"><input name="sex" type="radio" value="1" /></label>
                </ul>
              </div>
              <div class="uc_input_box">
                <label for="IdCode" class="uc_input_name">身份证号</label>
                <input type="text" id="IdCode" autocomplete="off" placeholder="请输入您的身份证号码"
                  class="uc_input_value idcard">
                <div class="uc_error_tips"></div>
              </div>
              <div class="uc_input_box">
                <label for="address" class="uc_input_name textarea-name">联系地址</label>
                <textarea type="text" id="address" autocomplete="off" placeholder="请输入您的地址"
                  class="uc_input_value uc_textarea address"></textarea>
                <div class="uc_error_tips"></div>
              </div>
              <div class="uc_input_box">
                <span class="uc_input_name">默认</span>
                <div class="uc_single_box">
                  <label class="uc_single_item"><input type="hidden" name="default" value="0" /></label>
                </div>
              </div>
              <button type="submit" class="uc_submit save-buyer">保存上课人信息</button>
            </div>
          </form>

js:正则校验

check(type){
    let saveBuyer=false;
    if(!type){
      saveBuyer=uc.buyerVidate("name",$(".buyer_post .name"))&&common.validate("phone",$(".buyer_post .phone"))&&uc.buyerVidate("email",$(".buyer_post .email"))
                &&uc.buyerVidate("idcard",$(".buyer_post .idcard"))&&uc.validate('address',$(".buyer_post .address"))
    }else{
      saveBuyer=uc.buyerVidate("name",$("buyer_edite .name"))&&common.validate("phone",$("buyer_edite .phone"))&&uc.buyerVidate("email",$("buyer_edite .email"))
                &&uc.buyerVidate("idcard",$("buyer_edite .idcard"))&&uc.validate('address',$("buyer_edite .address"))
    }
      
      if(!saveBuyer){
        return false;
      }
  }

使用form表单提交数据时,后台反映radio的值传不过去。经过调试,发现想传过去的那一项需要加上checked,值才能传过去。所以点击时需要用到js来控制checked属性。这样操作性别的选项正常了,可是默认这一选项出问题。使用checkbox以及radio都不能传过去。最后使用hidden,使用js改变其值才得以成功。

posted @ 2019-05-22 16:47  nanacln  阅读(173)  评论(0编辑  收藏  举报