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改变其值才得以成功。
原文:https://www.cnblogs.com/nanacln/p/10906892.html