表單提交

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改變其值才得以成功。