std_base_info_contact.html 9.6 KB

1
  1. <form novalidate class='form-horizontal std-form' name='form' cg-busy="{promise:myPromise,message:'正在处理,请稍后...'}"> <div class="form-group"> <label class="control-label col-md-2">家庭住址<span class="bw-required-item">*</span>:</label> <div class="col-md-3" ng-class="{ 'has-error' : form.home_province.$invalid && submitted}"> <select name="home_province" ng-model="stdData.home_province" ng-options="item.province_id as item.province_name for item in provinces" ng-change="refreshHomeArea()" required></select> <p ng-show="form.home_province.$error.required && submitted" class="help-block">请输入</p> </div> <div class="col-md-3" ng-class="{ 'has-error' : form.home_area.$invalid && submitted}"> <select name="home_area" ng-model="stdData.home_area" ng-options="item.area_id as item.area_name for item in home_areas | filter: {province_id: $stdData.home_province}" ng-change="refreshHomeCity()" required></select> <p ng-show="form.home_area.$error.required && submitted" class="help-block">请输入</p> </div> <div class="col-md-3" ng-class="{ 'has-error' : form.home_city.$invalid && submitted}"> <select name="home_city" ng-model="stdData.home_city" ng-options="item.city_id as item.city_name for item in home_cities | filter: {area_id: $stdData.home_area}" required></select> <p ng-show="form.home_city.$error.required && submitted" class="help-block">请输入</p> </div> </div> <div class="form-group"> <div class="col-md-offset-2 col-md-7" ng-class="{ 'has-error' : form.home_address.$invalid && submitted}"> <input type='text' ng-model='stdData.home_address' name="home_address" placeholder="家庭住址详细地址" required /> <p ng-show="form.home_address.$error.required && submitted" class="help-block">请输入</p> </div> <div class="col-md-2" ng-class="{ 'has-error' : form.home_postcode.$invalid && submitted}"> <input type='text' ng-model='stdData.home_postcode' placeholder="邮政编码" name="home_postcode" required /> <p ng-show="form.home_postcode.$error.required && submitted" class="help-block">请输入</p> </div> </div> <!-- <div class="form-group"> <label class="control-label col-md-2">家庭所在地类型:</label> <div class="col-md-2" ng-class="{ 'has-error' : form.huji_type.$invalid && submitted}"> <select ng-model='stdData.huji_type' name="huji_type" > <option value='1'>城市</option> <option value='4'>农村</option> </select> <p ng-show="form.huji_type.$error.required && submitted" class="help-block">请选择</p> </div> <label class="control-label col-md-4">住所是否有计算机网络:</label> <div class="col-md-2" ng-class="{ 'has-error' : form.internet.$invalid && submitted}"> <select ng-model='stdData.internet' name="internet"> <option value="1">是</option> <option value="2">否</option> </select> <p ng-show="form.internet.$error.required && submitted" class="help-block">请选择</p> </div> </div> --> <!-- <div class="form-group"> <label class="control-label col-md-2">信件邮寄地址<span class="bw-required-item">*</span>:</label> <div class="col-md-6" ng-class="{ 'has-error' : form.same_to_huji.$invalid && submitted}"> <select ng-model='stdData.same_to_huji' name="same_to_huji" required> <option value='1'>与家庭地址一致</option> <option value='2'>与家庭地址不一致</option> </select> <p ng-show="form.same_to_huji.$error.required && submitted" class="help-block">请选择</p> </div> </div> <div class="form-group" ng-show="stdData.same_to_huji=='2'"> <label class="control-label col-md-3">信件邮寄地址:</label> <div class="col-md-3" ng-class="{ 'has-error' : form.mail_province.$invalid && submitted}"> <select class="prov" ng-model="stdData.mail_province" name="mail_province" ng-options="item.province_id as item.province_name for item in provinces" ng-change="refreshMailArea()" ng-required="stdData.same_to_huji=='2'"></select> <p ng-show="form.mail_province.$error.required && submitted" class="help-block">请选择</p> </div> <div class="col-md-3" ng-class="{ 'has-error' : form.mail_area.$invalid && submitted}"> <select class="city" ng-model="stdData.mail_area" name="mail_area" ng-options="item.area_id as item.area_name for item in mail_areas | filter: {province_id:stdData.mail_province}" ng-change="refreshMailCity()" ng-required="stdData.same_to_huji=='2'"></select> <p ng-show="form.mail_area.$error.required && submitted" class="help-block">请选择</p> </div> <div class="col-md-3" ng-class="{ 'has-error' : form.mail_city.$invalid && submitted}"> <select class="dist" ng-model="stdData.mail_city" name="mail_city" ng-options="item.city_id as item.city_name for item in mail_cities | filter: {area_id: stdData.mail_area}" ng-required="stdData.same_to_huji=='2'"></select> <p ng-show="form.mail_city.$error.required && submitted" class="help-block">请选择</p> </div> </div> <div class="form-group" ng-show="stdData.same_to_huji==2"> <div class="col-md-offset-2 col-md-7" ng-class="{ 'has-error' : form.mail_address.$invalid && submitted}"> <input type='text' ng-model='stdData.mail_address' name="mail_address" placeholder="信件邮寄详细地址" ng-required="stdData.same_to_huji=='2'" /> <p ng-show="form.mail_address.$error.required && submitted" class="help-block">请输入</p> </div> <div class="col-md-2" ng-class="{ 'has-error' : form.mail_postcode.$invalid && submitted}"> <input type='text' ng-model='stdData.mail_postcode' name="mail_postcode" placeholder="邮政编码" ng-required="stdData.same_to_huji=='2'" /> <p ng-show="form.mail_postcode.$error.required && submitted" class="help-block">请输入</p> </div> </div> --> <div class="form-group"> <!-- <label class="control-label col-md-2">家庭固定电话:</label> <div class="col-md-3"> <input type="text" ng-model='stdData.home_phone' /> </div> --> <label class="control-label col-md-2">个人手机号码<span class="bw-required-item">*</span>:</label> <!-- <small><b><i>(忘记密码时,可以使用此号码重置登录密码。请确保能正常接收短信。)</i></b></small> --> <div class="col-md-3" ng-class="{ 'has-error' : form.tel.$invalid && submitted}"> <input placeholder="请输入手机号码" type="tel" name="tel" ng-model="stdData.mobile" ng-minlength="11" ng-maxlength="11" ng-pattern="/^1[3|4|5|6|7|8|9][0-9]\d{4,8}$/" required> <p class="help-block" ng-show="form.tel.$error.required && submitted">手机号码不能为空!</p> <p class="help-block" ng-show="(form.tel.$error.minlength || form.tel.$error.maxlength || form.tel.$error.pattern)">请输入有效手机号!</p> </div> <div class="col-md-6"> <small><b><i style="line-height:42px;">注:忘记密码时,可以使用个人手机号码重置登录密码。请确保能正常接收短信。</i></b></small> </div> </div> <div class="form-group"> <label class="control-label col-md-2">父亲手机号码<span class="bw-required-item">*</span>:</label> <div class="col-md-3" ng-class="{ 'has-error' : form.tel1.$invalid && submitted}"> <input placeholder="请输入手机号码" type="tel" name="tel1" ng-model="stdData.father_mobile" ng-minlength="11" ng-maxlength="11" ng-pattern="/^1[3|4|5|6|7|8|9][0-9]\d{4,8}$/" required> <p class="help-block" ng-show="form.tel1.$error.required && submitted">手机号码不能为空!</p> <p class="help-block" ng-show="(form.tel1.$error.minlength || form.tel1.$error.maxlength || form.tel1.$error.pattern)">请输入有效手机号!</p> </div> <label class="control-label col-md-3">母亲手机号码<span class="bw-required-item">*</span>:</label> <div class="col-md-3" ng-class="{ 'has-error' : form.tel2.$invalid && submitted}"> <input placeholder="请输入手机号码" type="tel" name="tel2" ng-model="stdData.mother_mobile" ng-minlength="11" ng-maxlength="11" ng-pattern="/^1[3|4|5|6|7|8|9][0-9]\d{4,8}$/" required> <p class="help-block" ng-show="form.tel2.$error.required && submitted">手机号码不能为空!</p> <p class="help-block" ng-show="(form.tel2.$error.minlength || form.tel2.$error.maxlength || form.tel2.$error.pattern)">请输入有效手机号!</p> </div> </div> <div class="form-group"> <label class="control-label col-md-2">电子邮箱地址<span class="bw-required-item">*</span>:</label> <div class="col-md-4" ng-class="{ 'has-error' : form.email.$invalid && submitted}"> <input placeholder="请输入邮箱" type="email" name="email" ng-model="stdData.email" ng-pattern="/^([a-z0-9]*[-_.]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[\.][a-z]{2,3}([\.][a-z]{2})?$/i" required> <p ng-show="form.email.$error.required && submitted" class="help-block">邮箱不能为空!</p> <p ng-show="form.email.$error.pattern && submitted" class="help-block">请输入有效邮箱!</p> </div> <!-- <label class="control-label col-md-2">QQ:</label> <div class="col-md-3"> <input type="text" ng-model='stdData.qq' /> </div> --> </div> <!-- <div class="form-group"> <label class="control-label col-md-2">微信:</label> <div class="col-md-4"> <input type="text" ng-model='stdData.weixin' /> </div> </div> --> <div class="form-group text-center"> <button class="btn btn-primary" ng-click='submitForm(form.$valid)' ng-disabled="form.$pristine" ng-show="!stdConfirmed">保存</button> <button class="btn btn-info" ng-click='goNext("baseInfo.pic", form.$dirty)'>下一步</button> </div> </form>