2019 lines
134 KiB
HTML
2019 lines
134 KiB
HTML
{include file="public/head" /}
|
||
<link rel="stylesheet" href="/static/visa/nvisa.css">
|
||
<link rel="stylesheet" href="/static/home/css/detail.css?v=1">
|
||
<link rel="stylesheet" href="/static/visa/calendar/calendar.min.css?v=3"/>
|
||
<script src="/static/visa/calendar/calendar.min.js"></script>
|
||
<script src="/static/home/js/ocr-image-compress.js?v=2"></script>
|
||
<style>
|
||
.layui-form {
|
||
display: block;
|
||
}
|
||
.data-question_i_1 .layui-add,
|
||
.data-question_i_1 .layui-reduce {
|
||
cursor: pointer;
|
||
}
|
||
</style>
|
||
<body class="detail-page">
|
||
<div class="wrap">
|
||
<div class="layui-container">
|
||
<div class="container">
|
||
<form class="layui-form" id="Form1" lay-filter="Form1" autocomplete="off" style="display: block;">
|
||
<div class="m-form-application-title">
|
||
<h2>{:lang('evus.title')}</h2>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.passport_number_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="passport_number" value="" placeholder="{:lang('evus.passport_placeholder')}"
|
||
lay-verify="required|ppt" class="layui-input"
|
||
lay-verType="tips" lay-reqtext="{:lang('evus.passport_required')}" minlength="9" maxlength="9">
|
||
<div class="infor-file-tit"
|
||
style="position: absolute;right: 4%; top: 8px; z-index: 2000;"><input
|
||
class="infor-file" type="file" accept="image/*" name=""
|
||
onchange="upload(this,'passport')" title="{:lang('evus.passport_upload_title')}"></div>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips="{:lang('evus.passport_tooltip')}"></i>
|
||
</div>
|
||
</div>
|
||
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.passport_hint')}</i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.passport_country_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="country_issued_passport" lay-verify="required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.select_country_required')}">
|
||
<option value="">{:lang('evus.select_country_prompt')}</option>
|
||
<option value="CN" selected>{:lang('evus.china')}</option>
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.country_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.country_hint')}</i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.last_name_label')} <span
|
||
class="layui-zhtit-grey">{:lang('evus.pinyin')}</span><span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="last_name" value="" placeholder="{:lang('evus.last_name_placeholder')}"
|
||
lay-verify="required|englishOnly" class="layui-input" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.last_name_required')}">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.last_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.last_name_hint')}</i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.first_name_label')} <span
|
||
class="layui-zhtit-grey">{:lang('evus.pinyin')}</span><span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="first_name" value="" placeholder="{:lang('evus.first_name_placeholder')}"
|
||
lay-verify="required|englishOnly" class="layui-input" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.first_name_required')}">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.first_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.first_name_hint')}</i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.birth_date_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-qian" name="birth_date" lay-verify="required"
|
||
type="text" readonly placeholder="{:lang('evus.birth_date_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.birth_date_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.birth_date_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.birth_city_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="city_birth" lay-verify="required"
|
||
type="text" placeholder="{:lang('evus.birth_city_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.birth_city_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.birth_city_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.birth_country_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="country_birth" lay-verify="required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.country_required')}">
|
||
<option value="">{:lang('evus.select_country_prompt')}</option>
|
||
{volist name="country_list" id="vo"}
|
||
<option value="{$vo.value}" {$vo.value=='CN' ? 'selected' : ''}>{$vo.text}</option>
|
||
{/volist}
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.birth_country_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.gender_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="gender" value="male" title="{:lang('evus.male')}" lay-verify="otherReq"/>
|
||
<input type="radio" name="gender" value="female" title="{:lang('evus.female')}"
|
||
lay-verify="otherReq"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.passport_issue_date_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-qian" name="passport_expedition_date"
|
||
lay-verify="required" type="text" readonly placeholder="{:lang('evus.passport_issue_placeholder')}"
|
||
lay-verType="tips" lay-reqtext="{:lang('evus.passport_issue_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.passport_issue_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.passport_expiry_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-hou" name="passport_expiration_date"
|
||
lay-verify="required" type="text" readonly placeholder="{:lang('evus.passport_expiry_placeholder')}"
|
||
lay-verType="tips" lay-reqtext="{:lang('evus.passport_expiry_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.passport_expiry_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.ten_year_visa_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="q_years" value="1" title="{:lang('evus.yes')}" lay-verify="otherReq" checked lay-filter="limit_sub_no"/>
|
||
<input type="radio" name="q_years" value="0" title="{:lang('evus.no')}" lay-verify="otherReq" alt="q_years_0" lay-filter="limit_sub_no"/>
|
||
</div>
|
||
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.ten_year_visa_hint')}</i>
|
||
<div class="col-sm-12 validation-warning alert alert-danger data-name-q_years data-q_years_0">
|
||
{:lang('evus.ten_year_visa_warning')}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.visa_number_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="visa_foil_number" value="" placeholder="{:lang('evus.visa_number_placeholder')}"
|
||
lay-verify="required|visa" class="layui-input" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.visa_number_required')}" maxlength="8" minlength="8">
|
||
<div class="infor-file-tit"
|
||
style="position: absolute; right: 4%; top: 8px; z-index: 2000;"><input
|
||
class="infor-file" type="file" accept="image/*" name=""
|
||
onchange="upload(this,'passport')" title="{:lang('evus.upload_visa_title')}"></div>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.visa_number_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
<div class="m-txt--descriptionform">
|
||
<img src="/static/images/qianzheng2.png" width="90%">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.visa_in_passport_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="passport_contains_us_visa" value="1" title="{:lang('evus.yes')}"
|
||
lay-verify="otherReq" alt="passport_contains_us_visa_1"/>
|
||
<input type="radio" name="passport_contains_us_visa" value="0" title="{:lang('evus.no')}"
|
||
lay-verify="otherReq" alt="passport_contains_us_visa_0"/>
|
||
</div>
|
||
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.visa_in_passport_hint')}</i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row data-name-passport_contains_us_visa data-passport_contains_us_visa_0">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.old_passport_number_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="us_visa_passport_number" value=""
|
||
placeholder="{:lang('evus.enter_or_upload')}"
|
||
class="layui-input layui-required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.passport_number_required')}" lay-verify="|ppt" maxlength="9">
|
||
<div class="infor-file-tit"
|
||
style="position: absolute; right: 4%; top: 8px; z-index: 2000;"><input
|
||
class="infor-file" type="file" accept="image/*" name=""
|
||
onchange="upload(this,'oldpassport')" title="{:lang('evus.upload_passport_photo')}">
|
||
</div>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.old_passport_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.passport_country_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="us_visa_passport_country" class="layui-required"
|
||
lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.country_required')}">
|
||
<option value="">{:lang('evus.select_country_prompt')}</option>
|
||
<option value="CN" selected>{:lang('evus.china')}</option>
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.passport_country_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.passport_issue_date_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-qian layui-required"
|
||
name="us_visa_passport_issue_date" type="text" readonly
|
||
placeholder="{:lang('evus.passport_issue_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.passport_issue_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.passport_issue_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.passport_expiry_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-time layui-required"
|
||
name="us_visa_passport_expiration_date" type="text" readonly
|
||
placeholder="{:lang('evus.passport_expiry_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.passport_expiry_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.passport_expiry_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.last_name_label')} <span
|
||
class="layui-zhtit-grey">{:lang('evus.pinyin')}</span><span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="us_visa_surname" value="" placeholder="{:lang('evus.last_name_placeholder')}"
|
||
class="layui-input layui-required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.last_name_required')}">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.last_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.first_name_label')} <span
|
||
class="layui-zhtit-grey">{:lang('evus.pinyin')}</span><span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="us_visa_first_name" value="" placeholder="{:lang('evus.first_name_placeholder')}"
|
||
class="layui-input layui-required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.first_name_required')}">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.first_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.birth_date_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-qian layui-required" name="us_visa_birth_date"
|
||
type="text" readonly placeholder="{:lang('evus.birth_date_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.birth_date_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.birth_date_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<form class="layui-form" id="Form2" lay-filter="Form2" autocomplete="off">
|
||
<div class="m-form-application-title">
|
||
<h2>{:lang('evus.other_citizenship_title')}</h2>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.other_nationality_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="other_country" value="1" title="{:lang('evus.yes')}"
|
||
lay-verify="otherReq" alt="other_country_1"/>
|
||
<input type="radio" name="other_country" value="0" title="{:lang('evus.no')}"
|
||
lay-verify="otherReq" alt="other_country_0" checked/>
|
||
<div class="layui-input-group-prepend"
|
||
style="width: 5%;display: inline-block; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.other_nationality_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row data-name-other_country data-other_country_1">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.other_citizenship_current_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="other_country_citizenship" class="layui-required"
|
||
lay-verType="tips" lay-reqtext="{:lang('evus.select_country_required')}">
|
||
<option value="">{:lang('evus.select_country_prompt')}</option>
|
||
{volist name="country_list" id="vo"}
|
||
<option value="{$vo.value}">{$vo.text}</option>
|
||
{/volist}
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.other_citizenship_current_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.how_acquired_citizenship_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="other_country_acquired" class="layui-required"
|
||
lay-verType="tips" lay-reqtext="{:lang('evus.select_option_required')}" lay-filter="other_country_acquired-filter">
|
||
<option value="">{:lang('evus.select_option_prompt')}</option>
|
||
<option value="B">{:lang('evus.by_birth')}</option>
|
||
<option value="P">{:lang('evus.by_parents')}</option>
|
||
<option value="N">{:lang('evus.naturalization')}</option>
|
||
<option value="O">{:lang('evus.other')}</option>
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.how_acquired_citizenship_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6" style="display: none" id="other_country_other">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.other_country_acquired_other_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="other_country_acquired_other"
|
||
type="text" placeholder="{:lang('evus.other_country_acquired_other_required')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.other_country_acquired_other_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips=''></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.past_nationality_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="other_country_past" value="1" title="{:lang('evus.yes')}"
|
||
lay-verify="otherReq" alt="other_country_past_1"/>
|
||
<input type="radio" name="other_country_past" value="0" title="{:lang('evus.no')}"
|
||
lay-verify="otherReq" alt="other_country_past_0" checked/>
|
||
<div class="layui-input-group-prepend"
|
||
style="width: 5%;display: inline-block; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.past_nationality_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row data-name-other_country_past data-other_country_past_1">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.past_citizenship_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="other_country_past_citizenship" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.select_country_required')}" class="layui-required">
|
||
<option value="">{:lang('evus.select_country_prompt')}</option>
|
||
{volist name="country_list" id="vo"}
|
||
<option value="{$vo.value}">{$vo.text}</option>
|
||
{/volist}
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.past_citizenship_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.other_passport_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="passport_issued" value="1" title="{:lang('evus.yes')}"
|
||
lay-verify="otherReq" alt="passport_issued_1"/>
|
||
<input type="radio" name="passport_issued" value="0" title="{:lang('evus.no')}"
|
||
lay-verify="otherReq" alt="passport_issued_0" checked/>
|
||
<div class="layui-input-group-prepend"
|
||
style="width: 5%;display: inline-block; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.other_passport_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row data-name-passport_issued data-passport_issued_1">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.issuing_country_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="passport_issued_country" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.select_country_required')}" class="layui-required">
|
||
<option value="">{:lang('evus.select_country_prompt')}</option>
|
||
{volist name="country_list" id="vo"}
|
||
<option value="{$vo.value}">{$vo.text}</option>
|
||
{/volist}
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.issuing_country_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.document_type_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="passport_issued_document_type" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.select_document_type_required')}" class="layui-required">
|
||
<option value="">{:lang('evus.select_document_type_prompt')}</option>
|
||
<option value="P">{:lang('evus.passport_number')}</option>
|
||
<option value="NID">{:lang('evus.permanent_residence_id')}</option>
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.document_type_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.document_number_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-required" name="passport_issued_document_number"
|
||
type="text" placeholder="{:lang('evus.document_number_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.document_number_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.document_number_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.expiry_year_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-required layui-time-year" name="passport_issued_expiration"
|
||
type="text" placeholder="{:lang('evus.expiry_year_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.expiry_year_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.expiry_year_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.social_media_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="social" value="1" title="{:lang('evus.yes')}"
|
||
lay-verify="otherReq" alt="social_1"/>
|
||
<input type="radio" name="social" value="0" title="{:lang('evus.no')}"
|
||
lay-verify="otherReq" alt="social_0" checked/>
|
||
<div class="layui-input-group-prepend"
|
||
style="width: 5%;display: inline-block; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.social_media_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row data-name-social data-social_1">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.facebook_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="facebook"
|
||
type="text" placeholder="{:lang('evus.facebook_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.facebook_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.facebook_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.linkedin_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="linkedin"
|
||
type="text" placeholder="{:lang('evus.linkedin_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.linkedin_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.linkedin_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.twitter_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input " name="twitter"
|
||
type="text" placeholder="{:lang('evus.twitter_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.twitter_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.twitter_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.instagram_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="instagram"
|
||
type="text" placeholder="{:lang('evus.instagram_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.instagram_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.instagram_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.platform_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="platform_0" class="" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.select_platform_required')}">
|
||
<option value="">{:lang('evus.select_platform_prompt')}</option>
|
||
<option label="ASKfm" value="1">ASKfm</option>
|
||
<option label="Facebook" value="2">Facebook</option>
|
||
<option label="Flickr" value="3">Flickr</option>
|
||
<option label="GitHub" value="4">GitHub</option>
|
||
<option label="Instagram" value="6">Instagram</option>
|
||
<option label="JustPaste.it" value="7">JustPaste.it</option>
|
||
<option label="LinkedIn" value="8">LinkedIn</option>
|
||
<option label="Tumblr" value="9">Tumblr</option>
|
||
<option label="Twitter" value="10">Twitter</option>
|
||
<option label="VKontakte (VK)" value="12">VKontakte (VK)</option>
|
||
<option label="YouTube" value="13">YouTube</option>
|
||
<option label="TikTok" value="14">TikTok</option>
|
||
<option label="Other" value="99">Other</option>
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.platform_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.identifier_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input " name="identifier_0"
|
||
type="text" placeholder="{:lang('evus.identifier_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.identifier_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.identifier_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.alias_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="have_alias" value="1" title="{:lang('evus.yes')}"
|
||
lay-verify="otherReq" alt="have_alias_1"/>
|
||
<input type="radio" name="have_alias" value="0" title="{:lang('evus.no')}"
|
||
lay-verify="otherReq" alt="have_alias_0" checked/>
|
||
<div class="layui-input-group-prepend"
|
||
style="width: 5%;display: inline-block; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.alias_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row data-name-have_alias data-have_alias_1">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.alias_last_name_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-required" name="family_name_alias"
|
||
type="text" placeholder="{:lang('evus.alias_last_name_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.alias_last_name_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.alias_last_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.alias_last_name_hint')}</i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.alias_first_name_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-required" name="given_name_alias"
|
||
type="text" placeholder="{:lang('evus.alias_first_name_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.alias_first_name_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.alias_first_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<i class="layui-icon layui-icon-tips-fill layui-infor">{:lang('evus.alias_first_name_hint')}</i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<form class="layui-form" id="Form3" lay-filter="Form3" autocomplete="off">
|
||
<div class="m-form-application-title">
|
||
<h2>{:lang('evus.address_contact_title')}</h2>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-elem-field layui-field-title">
|
||
{:lang('evus.id_card_instructions')}
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.id_number_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="national_identification_number" value=""
|
||
placeholder="{:lang('evus.enter_or_upload')}"
|
||
lay-verify="required|identity" class="layui-input"
|
||
lay-verType="tips" lay-reqtext="{:lang('evus.id_number_required')}" maxlength="18">
|
||
<div class="infor-file-tit"
|
||
style="position: absolute;right: 4%; top: 8px; z-index: 2000;"><input
|
||
class="infor-file" type="file" accept="image/*" name=""
|
||
onchange="upload(this,'identification')" title="{:lang('evus.upload_photo_title')}">
|
||
</div>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.id_number_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.email_label')}</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="email" value="" placeholder="{:lang('evus.email_placeholder')}"
|
||
class="layui-input"
|
||
lay-verType="tips" lay-reqtext="{:lang('evus.email_required')}">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.email_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.current_country_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="home_address_line_country" lay-verify="required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.select_country_required')}">
|
||
<option value="">{:lang('evus.select_country_prompt')}</option>
|
||
{volist name="country_list" id="vo"}
|
||
<option value="{$vo.value}" {$vo.value=='CN' ? 'selected' : ''}>{$vo.text}</option>
|
||
{/volist}
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.current_country_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.current_province_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" lay-verify="required" name="home_address_line_spr"
|
||
type="text" placeholder="{:lang('evus.current_province_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.current_province_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.current_province_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.current_city_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" lay-verify="required" name="home_address_line_city"
|
||
type="text" placeholder="{:lang('evus.current_city_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.current_city_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.current_city_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.current_address_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" lay-verify="required" name="home_address_line_one"
|
||
type="text" placeholder="{:lang('evus.current_address_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.current_address_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.current_address_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.phone_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<!-- 前缀 select -->
|
||
<div class="layui-input-group-prepend" style="width: 30%">
|
||
<select name="phone_prefix" lay-search lay-verify="required">
|
||
{volist name="phone_prefix" id="vo"}
|
||
<option value="{$vo['value']}">{$vo['text']}</option>
|
||
{/volist}
|
||
</select>
|
||
</div>
|
||
<input type="text" name="phone" lay-verify="required|number" value=""
|
||
class="layui-input" placeholder="{:lang('evus.phone_placeholder')}">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.phone_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<form class="layui-form" id="Form4" lay-filter="Form4" autocomplete="off">
|
||
<div class="m-form-application-title">
|
||
<h2>{:lang('evus.parents_info_title')}</h2>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.father_surname_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="father_surname" value="" placeholder="{:lang('evus.father_surname_placeholder')}"
|
||
class="layui-input" lay-verify="required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.father_surname_required')}">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.father_surname_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.father_name_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="father_name" value="" placeholder="{:lang('evus.father_name_placeholder')}"
|
||
class="layui-input" lay-verify="required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.father_name_required')}">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.father_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.mother_surname_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="mother_surname" value="" placeholder="{:lang('evus.mother_surname_placeholder')}"
|
||
class="layui-input" lay-verify="required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.mother_surname_required')}">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.mother_surname_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.mother_name_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="text" name="mother_name" value="" placeholder="{:lang('evus.mother_name_placeholder')}"
|
||
class="layui-input" lay-verify="required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.mother_name_required')}">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.mother_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<form class="layui-form" id="Form5" lay-filter="Form5" autocomplete="off">
|
||
<div class="m-form-application-title">
|
||
<h2>{:lang('evus.employment_info_title')}</h2>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.has_employer_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="employer" value="1" title="{:lang('evus.yes')}"
|
||
lay-verify="otherReq" alt="employer_1"/>
|
||
<input type="radio" name="employer" value="0" title="{:lang('evus.no')}"
|
||
lay-verify="otherReq" alt="employer_0"/>
|
||
<div class="layui-input-group-prepend"
|
||
style="width: 5%;display: inline-block; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.has_employer_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row data-name-employer data-employer_1">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.employer_country_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="employer_country" class="layui-required" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.select_country_required')}">
|
||
<option value="">{:lang('evus.select_country_prompt')}</option>
|
||
{volist name="country_list" id="vo"}
|
||
<option value="{$vo.value}">{$vo.text}</option>
|
||
{/volist}
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.employer_country_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.employer_state_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-required" name="employer_state"
|
||
type="text" placeholder="{:lang('evus.employer_state_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.employer_state_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.employer_state_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.employer_city_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-required" name="employer_city"
|
||
type="text" placeholder="{:lang('evus.employer_city_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.employer_city_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.employer_city_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.employer_address_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-required" name="employer_address"
|
||
type="text" placeholder="{:lang('evus.employer_address_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.employer_address_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.employer_address_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.employer_name_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-required" name="employer_name"
|
||
type="text" placeholder="{:lang('evus.employer_name_placeholder')}" lay-verify="|lenlimit"
|
||
lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.employer_name_required')}" maxlength="30"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.employer_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<form class="layui-form" id="Form6" lay-filter="Form6" autocomplete="off">
|
||
<div class="m-form-application-title">
|
||
<h2>{:lang('evus.travel_info_title')}</h2>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.transit_purpose_label')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="transit_travel" value="1" title="{:lang('evus.yes')}"
|
||
lay-verify="otherReq" alt="transit_travel_1"/>
|
||
<input type="radio" name="transit_travel" value="0" title="{:lang('evus.no')}"
|
||
lay-verify="otherReq" alt="transit_travel_0" checked/>
|
||
<div class="layui-input-group-prepend"
|
||
style="width: 5%;display: inline-block; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.transit_purpose_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row data-name-transit_travel data-transit_travel_0">
|
||
<div class="layui-elem-field layui-field-title" style="border: none;font-size: 18px;font-weight: bold;">
|
||
{:lang('evus.us_address_section_title')}
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.us_contact_name_label')}</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="full_name_in_us"
|
||
type="text" placeholder="{:lang('evus.us_contact_name_placeholder')}"
|
||
lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.us_contact_name_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.us_contact_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.us_state_label')}</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="state_in_us" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.select_state_required')}">
|
||
<option value="">{:lang('evus.select_state_prompt')}</option>
|
||
{volist name="us" id="vo"}
|
||
<option value="{$vo.value}">{$vo.text}</option>
|
||
{/volist}
|
||
</select>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.us_state_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.us_city_label')}</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="city_in_us"
|
||
type="text" placeholder="{:lang('evus.us_city_placeholder')}"
|
||
lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.us_city_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.us_city_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.us_address_label')}</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="address_in_us"
|
||
type="text" placeholder="{:lang('evus.us_address_placeholder')}"
|
||
lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.us_address_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.us_address_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.us_phone_label')}</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<div class="layui-input-group-prepend" style="width: 30%">
|
||
<select name="phone_in_us_prefix" lay-search>
|
||
<option value="">{:lang('evus.select_phone_prefix_prompt')}</option>
|
||
{volist name="phone_prefix" id="vo"}
|
||
<option value="{$vo['value']}">{$vo['text']}</option>
|
||
{/volist}
|
||
</select>
|
||
</div>
|
||
<input type="text" name="phone_in_us" value=""
|
||
class="layui-input" placeholder="{:lang('evus.us_phone_placeholder')}" lay-verify="number">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.us_phone_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<form class="layui-form" id="Form7" lay-filter="Form7" autocomplete="off">
|
||
<div class="m-form-application-title">
|
||
<h2>{:lang('evus.emergency_contact_title')}</h2>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.emergency_last_name_label')}</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="emergency_family_name"
|
||
type="text" placeholder="{:lang('evus.emergency_last_name_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.emergency_last_name_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.emergency_last_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.emergency_first_name_label')}</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="emergency_first_name"
|
||
type="text" placeholder="{:lang('evus.emergency_first_name_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.emergency_first_name_required')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.emergency_first_name_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.emergency_email_label')}</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input" name="emergency_email"
|
||
type="text" placeholder="{:lang('evus.emergency_email_placeholder')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.emergency_email_required')}" lay-verify="email"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.emergency_email_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.emergency_phone_label')}</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<!-- 前缀 select -->
|
||
<div class="layui-input-group-prepend" style="width: 30%">
|
||
<select name="emergency_phone_prefix" lay-search>
|
||
{volist name="phone_prefix" id="vo"}
|
||
<option value="{$vo['value']}">{$vo['text']}</option>
|
||
{/volist}
|
||
</select>
|
||
</div>
|
||
<input type="text" name="emergency_phone" value=""
|
||
class="layui-input" placeholder="{:lang('evus.emergency_phone_placeholder')}" lay-verify="number">
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question"
|
||
lay-tips='{:lang('evus.emergency_phone_tooltip')}'></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<form class="layui-form" id="Form8" lay-filter="Form8" autocomplete="off">
|
||
<div class="m-form-application-title">
|
||
<h2>{:lang('evus.eligibility_question')}</h2>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.q_a')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="question_a" value="1" title="{:lang('evus.yes')}" alt="question_a_1" lay-filter="limit_sub_yes">
|
||
<input type="radio" name="question_a" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_a data-question_a_1">
|
||
{:lang('evus.warning_cannot_continue')}
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.q_b')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="question_b" value="1" title="{:lang('evus.yes')}" alt="question_b_1" lay-filter="limit_sub_yes">
|
||
<input type="radio" name="question_b" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_b data-question_b_1">
|
||
{:lang('evus.warning_cannot_continue')}
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.q_c')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="question_c" value="1" title="{:lang('evus.yes')}" alt="question_c_1" lay-filter="limit_sub_yes">
|
||
<input type="radio" name="question_c" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_c data-question_c_1">
|
||
{:lang('evus.warning_cannot_continue')}
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.q_d')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="question_d" value="1" title="{:lang('evus.yes')}" alt="question_d_1" lay-filter="limit_sub_yes">
|
||
<input type="radio" name="question_d" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_d data-question_d_1">
|
||
{:lang('evus.warning_cannot_continue')}
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.q_e')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="question_e" value="1" title="{:lang('evus.yes')}" alt="question_e_1" lay-filter="limit_sub_yes">
|
||
<input type="radio" name="question_e" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_e data-question_e_1">
|
||
{:lang('evus.warning_cannot_continue')}
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.q_f')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="question_f" value="1" title="{:lang('evus.yes')}" alt="question_f_1" lay-filter="limit_sub_yes">
|
||
<input type="radio" name="question_f" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_f data-question_f_1">
|
||
{:lang('evus.warning_cannot_continue')}
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.q_g')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="question_g" value="1" title="{:lang('evus.yes')}" alt="question_g_1">
|
||
<input type="radio" name="question_g" value="0" title="{:lang('evus.no')}" checked>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row data-name-question_g data-question_g_1">
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.reject_date')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-time layui-required" name="reject_date"
|
||
type="text" readonly placeholder="{:lang('evus.reject_date')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.reject_date')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question" lay-tips=''></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md6">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.reject_address')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-required" name="reject_address"
|
||
type="text" placeholder="{:lang('evus.reject_address')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.reject_address')}"/>
|
||
<div class="layui-input-group-prepend" style="width: 5%; text-align: center">
|
||
<i class="layui-icon layui-icon-question" lay-tips=''></i>
|
||
</div>
|
||
</div>
|
||
<!-- <i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.q_h')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="question_h" value="1" title="{:lang('evus.yes')}" alt="question_h_1" lay-filter="limit_sub_yes">
|
||
<input type="radio" name="question_h" value="0" title="{:lang('evus.no')}" checked lay-filter="limit_sub_yes">
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 validation-warning alert alert-danger data-name-question_h data-question_h_1">
|
||
{:lang('evus.warning_cannot_continue')}
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.q_i')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input type="radio" name="question_i" value="1" title="{:lang('evus.yes')}" alt="question_i_1">
|
||
<input type="radio" name="question_i" value="0" title="{:lang('evus.no')}" checked>
|
||
</div>
|
||
<!--<i class="layui-icon layui-icon-tips-fill layui-infor"></i>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row data-name-question_i data-question_i_1">
|
||
<div class="layui-addmore lay-ques layui-addmore-first">
|
||
<div class="layui-col-xs12 layui-col-md3">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.vist_country')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="vist_country[]" lay-verType="tips" lay-reqtext="{:lang('evus.vist_country')}" class="layui-required">
|
||
<option value="">{:lang('evus.vist_country')}</option>
|
||
<option value="IRN">{:lang('evus.IRN')}</option>
|
||
<option value="IRQ">{:lang('evus.IRQ')}</option>
|
||
<option value="LBY">{:lang('evus.LBY')}</option>
|
||
<option value="PRK">{:lang('evus.PRK')}</option>
|
||
<option value="SOM">{:lang('evus.SOM')}</option>
|
||
<option value="SDN">{:lang('evus.SDN')}</option>
|
||
<option value="SYR">{:lang('evus.SYR')}</option>
|
||
<option value="YEM">{:lang('evus.YEM')}</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md3">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.vist_from_date')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-time layui-required" name="vist_from_date[]"
|
||
type="text" placeholder="{:lang('evus.vist_from_date')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.vist_from_date')}"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md3">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.vist_end_date')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<input class="layui-input layui-time layui-required" name="vist_end_date[]"
|
||
type="text" placeholder="{:lang('evus.vist_end_date')}" lay-verType="tips"
|
||
lay-reqtext="{:lang('evus.vist_end_date')}"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md3">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('evus.vist_country_des')}<span>*</span></label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-group">
|
||
<select name="vist_country_des[]" lay-verType="tips" lay-reqtext="{:lang('evus.vist_country_des')}" class="layui-required">
|
||
<option value="">{:lang('evus.vist_country_des')}</option>
|
||
<option value="1">{:lang('evus.reason_1')}</option>
|
||
<option value="2">{:lang('evus.reason_2')}</option>
|
||
<option value="3">{:lang('evus.reason_3')}</option>
|
||
<option value="4">{:lang('evus.reason_4')}</option>
|
||
<option value="5">{:lang('evus.reason_5')}</option>
|
||
<option value="6">{:lang('evus.reason_6')}</option>
|
||
<option value="7">{:lang('evus.reason_7')}</option>
|
||
<option value="8">{:lang('evus.reason_8')}</option>
|
||
<option value="9">{:lang('evus.reason_9')}</option>
|
||
<option value="10">{:lang('evus.reason_10')}</option>
|
||
<option value="11">{:lang('evus.reason_11')}</option>
|
||
<option value="12">{:lang('evus.reason_12')}</option>
|
||
<option value="13">{:lang('evus.reason_13')}</option>
|
||
</select>
|
||
</div>
|
||
<div class="addBox">
|
||
<span class="layui-icon layui-icon-add-circle layui-add layui-add-ques">{:lang('evus.add')}</span>
|
||
<span class="layui-icon layui-icon-reduce-circle layui-reduce">{:lang('evus.delete')}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<!-- 提交表单 -->
|
||
<form class="layui-form" lay-filter="Form9" id="Form9" autocomplete="off">
|
||
<div class="layui-row text-center">
|
||
<div class="layui-col-xs12">
|
||
<div class="layui-form-item">
|
||
<input type="hidden" name="identification_img" value="{$data.identification_img|default=''}">
|
||
<input type="hidden" name="passport_img" value="{$data.passport_img|default=''}">
|
||
<input type="hidden" name="oldpassport_img" value="{$data.oldpassport_img|default=''}">
|
||
<input type="hidden" name="visa_img" value="{$data.visa_img|default=''}">
|
||
<input type="hidden" name="order_sn" value="{$data.order_sn}">
|
||
|
||
<button class="layui-btn" lay-submit lay-filter="formSubmit" id="submit">{:lang('evus.submit_now')}</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- footer -->
|
||
{include file="public/footer" /}
|
||
</body>
|
||
<script>
|
||
window.nvisaOrderApplyUrl = '/home/update/order_apply';
|
||
</script>
|
||
<script src="/static/visa/nvisa_order.js"></script>
|
||
<script>
|
||
/*编辑js*/
|
||
var formData = <?= json_encode($data, JSON_UNESCAPED_UNICODE) ?>;
|
||
function parseVisitItems(raw) {
|
||
if (!raw) {
|
||
return [];
|
||
}
|
||
if (typeof raw === 'string') {
|
||
try {
|
||
raw = JSON.parse(raw);
|
||
} catch (e) {
|
||
return [];
|
||
}
|
||
}
|
||
return Array.isArray(raw) ? raw : [];
|
||
}
|
||
function renderVisitItems(items) {
|
||
if (!items.length) {
|
||
return;
|
||
}
|
||
|
||
var $visitWrap = $('.data-name-question_i.data-question_i_1');
|
||
var $rows = $visitWrap.children('.layui-addmore');
|
||
while ($rows.length < items.length) {
|
||
var beforeCount = $rows.length;
|
||
$rows.last().find('.layui-add-ques').trigger('click');
|
||
$rows = $visitWrap.children('.layui-addmore');
|
||
if ($rows.length <= beforeCount) {
|
||
break;
|
||
}
|
||
}
|
||
|
||
items.forEach(function (item, index) {
|
||
var $row = $rows.eq(index);
|
||
$row.find('[name="vist_country[]"]').val(item.vist_country || '');
|
||
$row.find('[name="vist_from_date[]"]').val(item.vist_from_date || '');
|
||
$row.find('[name="vist_end_date[]"]').val(item.vist_end_date || '');
|
||
$row.find('[name="vist_country_des[]"]').val(item.vist_country_des || '');
|
||
});
|
||
form.render('select');
|
||
}
|
||
var visitItems = parseVisitItems(formData.vistitem);
|
||
if (visitItems.length) {
|
||
formData.question_i = '1';
|
||
}
|
||
Object.keys(formData).forEach(function(key) {
|
||
setvalue(key, formData[key] || '');
|
||
});
|
||
renderVisitItems(visitItems);
|
||
function addVisibleRequiredVerify($items) {
|
||
$items.each(function () {
|
||
var $el = $(this);
|
||
if ($el.attr('readonly') == 'readonly') {
|
||
return;
|
||
}
|
||
if (($el.attr('class') || '').indexOf('layui-expect') >= 0) {
|
||
return;
|
||
}
|
||
|
||
var verifyList = ($el.attr('lay-verify') || '').split('|').filter(function (rule) {
|
||
return rule;
|
||
});
|
||
var verifyName = $el.attr('type') == 'radio' ? 'otherReq'
|
||
: ($el.attr('type') == 'checkbox' ? 'checkboxChecked' : 'required');
|
||
if (verifyList.indexOf(verifyName) < 0) {
|
||
verifyList.push(verifyName);
|
||
}
|
||
$el.attr('lay-verify', verifyList.join('|'));
|
||
});
|
||
}
|
||
|
||
$("input[type='radio']").each(function () {
|
||
var name = $(this).attr("name");
|
||
var type = $(this).attr("alt");
|
||
if (!type) {
|
||
return;
|
||
}
|
||
// 针对婚姻状况单独处理
|
||
if (name === "marital") {
|
||
// 只处理选中的那个
|
||
if ($(this).is(":checked")) {
|
||
// 先隐藏所有婚姻相关模块(marital_1, marital_2)
|
||
$(".data-marital_1, .data-marital_2").hide();
|
||
|
||
// 再显示选中项对应的
|
||
$(".data-" + type).show();
|
||
$(".data-" + type).each(function () {
|
||
addVisibleRequiredVerify($(this).find(".layui-required"));
|
||
})
|
||
}
|
||
} else {
|
||
// 其他普通radio按原逻辑处理
|
||
if ($(this).is(":checked")) {
|
||
$(".data-" + type).show();
|
||
$(".data-" + type).each(function () {
|
||
addVisibleRequiredVerify($(this).find(".layui-required"));
|
||
})
|
||
} else {
|
||
$(".data-" + type).hide();
|
||
}
|
||
}
|
||
})
|
||
|
||
|
||
form.on('select(other_country_acquired-filter)', function(data){
|
||
var value = data.value;
|
||
if (value == "O") {
|
||
$('#other_country_other').show()
|
||
$('#other_country_other').find('input').addClass('layui-required')
|
||
$('#other_country_other').find('input').attr('lay-verify', 'required')
|
||
} else {
|
||
$('#other_country_other').hide()
|
||
$('#other_country_other').find('input').removeAttr('lay-verify')
|
||
$('#other_country_other').find('input').removeClass('layui-required')
|
||
}
|
||
});
|
||
//配置插件目录
|
||
layui.config({
|
||
base: '/static/layui/mods/'
|
||
, version: '1.0'
|
||
});
|
||
layui.use(['layarea'], function () {
|
||
var layarea = layui.layarea;
|
||
layarea.render({
|
||
elem: '#area-picker',
|
||
change: function (res) {
|
||
//选择结果
|
||
console.log(res);
|
||
}
|
||
});
|
||
})
|
||
//省市选择
|
||
</script>
|
||
<script>
|
||
var ocrConfigRaw = '{$ocr_config|default = ''}'.replace(/"/g, '"');
|
||
var ocrConfig = {};
|
||
var sdk = null;
|
||
try {
|
||
ocrConfig = ocrConfigRaw ? JSON.parse(ocrConfigRaw) : {};
|
||
} catch (e) {
|
||
console.error('Failed to parse OCR config', e);
|
||
}
|
||
if (window.PassportOCRSDK && ocrConfig.base_url && ocrConfig.app_id && ocrConfig.signature && ocrConfig.timestamp) {
|
||
try {
|
||
sdk = PassportOCRSDK.create({
|
||
apiBase: ocrConfig.base_url,
|
||
appId: ocrConfig.app_id,
|
||
sign: ocrConfig
|
||
});
|
||
} catch (e) {
|
||
console.error('Failed to init OCR sdk', e);
|
||
}
|
||
}
|
||
</script>
|
||
<script>
|
||
var content1 = `{:lang("evus.termsCheckbox")}`
|
||
form.on('checkbox(termsCheckbox)', function (data) {
|
||
if (data.elem.checked) {
|
||
// 弹出条款内容的弹窗
|
||
layer.open({
|
||
type: 1, // 弹窗类型:页面层
|
||
title: '{:lang("evus.terms_privacy_title")}',
|
||
content: content1,
|
||
area: window.getAgreementLayerArea(true), // 弹窗大小
|
||
skin: window.agreementLayerSkin,
|
||
btn: ['{:lang("evus.close")}'], // 按钮
|
||
yes: function (index) {
|
||
layer.close(index); // 关闭弹窗
|
||
}
|
||
});
|
||
}
|
||
});
|
||
form.verify({
|
||
daxie: [/^[A-Z]+$/, '{:lang("js.daxie")}'],
|
||
zhongwen: [/^[\u4e00-\u9fa5]+$/, '{:lang("js.zhongwen")}'],
|
||
len40: [/^.{1,100}$/, '{:lang("js.len40")}'],
|
||
lenlimit: function (value, elem) {
|
||
const verifyRules = elem.getAttribute('lay-verify') || '';
|
||
const min = parseInt(elem.getAttribute('minlength')) || 0;
|
||
const max = parseInt(elem.getAttribute('maxlength')) || Infinity;
|
||
// 必填字段:检查空值和长度
|
||
if (verifyRules.includes('required')) {
|
||
if (!value.trim()) return '{:lang("js.required_field")}';
|
||
if (value.length < min) {
|
||
return '{:lang("js.min_length")}'.replace('%d', min);
|
||
}
|
||
if (value.length > max) {
|
||
return '{:lang("js.max_length")}'.replace('%d', max);
|
||
}
|
||
}
|
||
},
|
||
ppt: function (value, item) {
|
||
const verifyRules = item.getAttribute('lay-verify') || '';
|
||
if (verifyRules.includes('required')) {
|
||
if (!value) return; // 若值未填写,不进行后续规则验证
|
||
if (value.length < 9) {
|
||
return '{:lang("js.ppt_min")}';
|
||
}
|
||
if (value.length > 9) {
|
||
return '{:lang("js.ppt_max")}';
|
||
}
|
||
if (!(/[a-zA-Z]([0-9]{7})/.test(value))) {
|
||
return '{:lang("js.ppt_format")}';
|
||
}
|
||
}
|
||
},
|
||
visa: function (value, item) {
|
||
if (!value) return; // 若值未填写,不进行后续规则验证
|
||
if (value.length < 8) {
|
||
return '{:lang("js.visa_min")}';
|
||
}
|
||
if (value.length > 8) {
|
||
return '{:lang("js.visa_max")}';
|
||
}
|
||
if (!(/[a-zA-Z]([0-9]{7})/.test(value))) {
|
||
return '{:lang("js.visa_format")}';
|
||
}
|
||
},
|
||
otherReq: function (value, item) {
|
||
var $ = layui.$;
|
||
var verifyName = $(item).attr('name'), verifyType = $(item).attr('type'),
|
||
formElem = $(item).parents('.layui-form')//获取当前所在的form元素,如果存在的话
|
||
, verifyElem = formElem.find('input[name=' + verifyName + ']')//获取需要校验的元素
|
||
, isTrue = verifyElem.is(':checked')//是否命中校验
|
||
, focusElem = verifyElem.next().find('i.layui-icon')//焦点元素
|
||
, reqText = $(item).attr('lay-reqtext') || '{:lang("js.default_reqtext")}'; // 优先使用lay-reqtext
|
||
if (!isTrue || !value) {
|
||
//定位焦点
|
||
focusElem.css(verifyType == 'radio' ? {"color": "#FF5722"} : {"border-color": "#FF5722"});
|
||
//对非输入框设置焦点
|
||
focusElem.first().attr("tabIndex", "1").css("outline", "0").blur(function () {
|
||
focusElem.css(verifyType == 'radio' ? {"color": ""} : {"border-color": ""});
|
||
}).focus();
|
||
|
||
return reqText; // 返回自定义或默认的错误消息
|
||
}
|
||
},
|
||
checkboxChecked: function (value, item) { //value:表单的值、item:表单的DOM对象
|
||
var name = item.getAttribute('name');
|
||
var checkboxes = document.querySelectorAll(`input[name="${name}"]:checked`);
|
||
if (checkboxes.length === 0) {
|
||
return '{:lang("js.checkbox_checked")}';
|
||
}
|
||
},
|
||
// 验证至少选中一个 checkbox
|
||
checkboxRequired: function (value, item) {
|
||
var name = item.getAttribute('name');
|
||
var checkboxes = document.querySelectorAll(`input[name="${name}"]:checked`);
|
||
var checkboxes_length = document.querySelectorAll(`input[name="${name}"]`).length;
|
||
if (checkboxes.length !== checkboxes_length) {
|
||
return '{:lang("js.checkbox_required")}';
|
||
}
|
||
},
|
||
englishOnly: function (value, item) {
|
||
if (!/^[A-Za-z]+$/.test(value)) {
|
||
return '{:lang("js.english_only")}';
|
||
}
|
||
}
|
||
});
|
||
async function upload(_this, name) {
|
||
var file = _this.files[0];
|
||
if (!/image\/\w+/.test(file.type)) {
|
||
layer.msg("{:lang('js.upload_image_only')}");
|
||
return false;
|
||
}
|
||
if (!FileReader) {
|
||
layer.msg("{:lang('js.browser_not_supported')}");
|
||
return false;
|
||
}
|
||
var url = "/home/upload/upload_file";
|
||
var resetFileInput = function () {
|
||
$(_this).val('');
|
||
};
|
||
layer.load();
|
||
try {
|
||
var compressedFile = window.OcrImageCompressor
|
||
? await window.OcrImageCompressor.prepare(file)
|
||
: file;
|
||
|
||
if (!compressedFile) {
|
||
layer.closeAll();
|
||
resetFileInput();
|
||
layer.msg('{:lang("js.upload_retry")}', {icon: 5});
|
||
return false;
|
||
}
|
||
|
||
var ocrWarningMsg = '';
|
||
if (sdk) {
|
||
try {
|
||
if (name == 'passport' || name == 'oldpassport') {
|
||
var ocrData = await sdk.recognizePassport(compressedFile, {
|
||
auto_rotate: true,
|
||
return_debug: false
|
||
});
|
||
} else if (name == 'identification') {
|
||
var ocrData = await sdk.recognizeIdCard(compressedFile, {
|
||
auto_rotate: true,
|
||
return_debug: false
|
||
});
|
||
} else if (name == 'visa') {
|
||
var ocrData = await sdk.recognizeVisaNumber(compressedFile, {
|
||
auto_rotate: true,
|
||
return_debug: false
|
||
});
|
||
}
|
||
|
||
if (ocrData && ocrData.code === 1 && ocrData.data) {
|
||
const data = ocrData || {};
|
||
if (name == 'passport') {
|
||
$('input[name="last_name"]').val(data.data.last_name)
|
||
$('input[name="last_name_zn"]').val(data.data.last_zh_name)
|
||
$('input[name="first_name"]').val(data.data.first_name)
|
||
$('input[name="first_name_zn"]').val(data.data.first_zh_name)
|
||
$('input[name="birth_date"]').val(data.data.birth_date_year + '-' + data.data.birth_date_month + '-' + data.data.birth_date_day)
|
||
$('input[name="city_birth"]').val(data.data.city_birth)
|
||
$('input[name="passport_number"]').val(data.data.passport_number)
|
||
$('input[name="passport_issue_place"]').val(data.data.place_issue)
|
||
$('input[name="passport_expedition_date"]').val(data.data.passport_expedition_date_year + '-' + data.data.passport_expedition_date_month + '-' + data.data.passport_expedition_date_day)
|
||
$('input[name="passport_expiration_date"]').val(data.data.passport_expiration_date_year + '-' + data.data.passport_expiration_date_month + '-' + data.data.passport_expiration_date_day)
|
||
$('input[name="gender"][value="' + data.data.gender + '"]').prop('checked', true);
|
||
layui.form.render('radio');
|
||
// $('select[name="gender"]').val(data.data.gender)
|
||
// $('select[name="country_birth"]').val(data.data.country_code)
|
||
form.render('select');
|
||
} else if (name == 'oldpassport') {
|
||
$('input[name="us_visa_passport_number"]').val(data.data.passport_number)
|
||
$('input[name="us_visa_surname"]').val(data.data.last_name)
|
||
$('input[name="us_visa_first_name"]').val(data.data.first_name)
|
||
$('input[name="us_visa_birth_date"]').val(data.data.birth_date_year + '-' + data.data.birth_date_month + '-' + data.data.birth_date_day)
|
||
$('input[name="us_visa_passport_issue_date"]').val(data.data.passport_expedition_date_year + '-' + data.data.passport_expedition_date_month + '-' + data.data.passport_expedition_date_day)
|
||
$('input[name="us_visa_passport_expiration_date"]').val(data.data.passport_expiration_date_year + '-' + data.data.passport_expiration_date_month + '-' + data.data.passport_expiration_date_day)
|
||
} else if (name == 'visa') {
|
||
|
||
if (data.data.visa_foil_number == '') {
|
||
layer.msg('{:lang("js.visa_unrecognized")}', {icon: 5})
|
||
} else {
|
||
$('input[name="visa_foil_number"]').val(data.data.visa_foil_number)
|
||
}
|
||
} else if (name == 'identification') {
|
||
if(data.data.national_identification_number == '') {
|
||
layer.msg('{:lang("js.manual_entry_required")}', {icon: 5})
|
||
}
|
||
|
||
$('input[name="national_identification_number"]').val(data.data.national_identification_number)
|
||
$('input[name="home_address_line_spr"]').val(data.data.provice)
|
||
$('input[name="home_address_line_city"]').val(data.data.city)
|
||
$('input[name="home_address_line_one"]').val(data.data.address)
|
||
}
|
||
|
||
} else {
|
||
ocrWarningMsg = '{:lang("js.manual_entry_required")}';
|
||
}
|
||
} catch (ocrErr) {
|
||
ocrWarningMsg = '{:lang("js.manual_entry_required")}';
|
||
}
|
||
} else {
|
||
ocrWarningMsg = '{:lang("js.manual_entry_required")}';
|
||
}
|
||
|
||
var formData = new FormData();
|
||
formData.append('file', compressedFile, compressedFile.name || file.name || 'upload.jpg');
|
||
|
||
$.ajax({
|
||
url: url,
|
||
type: "post",
|
||
data: formData,
|
||
dataType: "json",
|
||
contentType: false,
|
||
processData: false,
|
||
mimeType: "multipart/form-data",
|
||
success: function (res) {
|
||
layer.closeAll();
|
||
resetFileInput();
|
||
if (res.code == 1) {
|
||
if (name == 'passport') {
|
||
$('input[name="passport_img"]').val(res.path)
|
||
} else if (name == 'oldpassport') {
|
||
$('input[name="oldpassport_img"]').val(res.path)
|
||
} else if (name == 'visa') {
|
||
$('input[name="visa_img"]').val(res.path)
|
||
|
||
} else if (name == 'identification') {
|
||
|
||
$('input[name="identification_img"]').val(res.path)
|
||
|
||
}
|
||
|
||
}
|
||
},
|
||
error: function () {
|
||
layer.closeAll();
|
||
resetFileInput();
|
||
}
|
||
});
|
||
if (ocrWarningMsg) {
|
||
layer.msg(ocrWarningMsg, {icon: 5});
|
||
}
|
||
} catch (e) {
|
||
layer.closeAll();
|
||
resetFileInput();
|
||
layer.msg('{:lang("js.manual_entry_required")}', {icon: 5});
|
||
}
|
||
}
|
||
</script>
|
||
</html>
|
||
|