Skip to content

R
registration
Commit 8941970c by 丁伟
Options

1、报名页联系地址字段增加省市区联动

parent f2328eb8
Showing with 194 additions and 127 deletions
src/main/java/org/ccpit/business/registerManage/IndexController.java
......@@ -250,7 +250,9 @@ public class IndexController extends BaseController {
return null;
}
Map<String, Object> map = new HashMap<String, Object>();
String pre_address = request.getParameter("pre_address");
String address = registerInfo.getAddress();
registerInfo.setAddress(pre_address+address);
if (StringUtils.isEmpty(registerInfo.getEmail())) {
map.put("success", false);
map.put("info", "请填写邮箱");
......
src/main/webapp/WEB-INF/jsp/front/reg.jsp
......@@ -66,7 +66,7 @@
</tr>
<tr id="trSex" name="gender">
<td class="name"><span style="color: red;">*</span><yh:yh id="1_Info_Sex" english="Sex:" isnotnull="0">性别:</yh:yh></td>
<td><select name="gender" class="required" style="width:220px" >
<td><select name="gender" class="required" style="width:225px" >
<option value="">请选择</option>
<c:forEach items="${gender}" var="g">
<option value="${g.dataNameId}">${g.dataName}</option>
......@@ -108,13 +108,24 @@
</tr>
<tr id="trAddress" name="trAddress">
<td class="name"><span style="color: red;">*</span>联系地址:</td>
<td><textarea class="required" name="address" style="width:220px;height:45px;resize: none;" type="text"></textarea></td>
<td>
<span class="ress" >
<select id="JSheng" onchange="JGetShi();" runat="server" style="width: 225px;"></select>
</span><br/>
<span class="ress">
<select id="JShi" onchange="JGetQu();" runat="server" style="width: 225px;"></select>
</span><br/>
<span class="ress">
<select id="JQu" runat="server" style="width: 225px;"></select>
</span>
<textarea class="required" name="address" style="width:223px;height:45px;resize: none;"
type="text"></textarea></td>
<td><span class="reg_body">可以安全收到邮寄材料的地址</span></td>
</tr>
<tr>
<td class="name"><span style="color: red;">*</span><yh:yh id="1_customitem6" english="Custom Item6:" isnotnull="0">增值税发票:</yh:yh></td>
<td><select class="required" id="appreciationTaxTypeId" name="appreciationTaxType" style="width:220px">
<td><select class="required" id="appreciationTaxTypeId" name="appreciationTaxType" style="width:225px">
<option value="">请选择</option>
<option value="1">增值税普通发票</option>
<option value="2">增值税专用发票</option>
......@@ -161,7 +172,7 @@
</tr>
<tr>
<td class="name"><span style="color: red;">*</span><yh:yh id="1_customitem6" english="Custom Item6:" isnotnull="0">发票开具时间:</yh:yh></td>
<td><select class="required" id="taxIssueId" name="taxIssue" style="width:220px">
<td><select class="required" id="taxIssueId" name="taxIssue" style="width:225px">
<option value="">请选择</option>
<option value="1">款项到账当年开具</option>
<option value="2">款项到账次年开具</option>
......@@ -177,7 +188,7 @@
<tr>
<td class="name"><span style="color: red;">*</span><yh:yh id="1_customitem9" english="Custom Item9:" isnotnull="0">TITLE:</yh:yh></td>
<td><select class="required" name="title" style="width:220px">
<td><select class="required" name="title" style="width:225px">
<option value="">请选择</option>
<option value="Mr.">Mr.</option>
<option value="Ms.">Ms.</option>
......@@ -191,7 +202,7 @@
</tr>
<tr>
<td class="name"><span style="color: red;">*</span><yh:yh id="1_customitem10" english="Custom Item10:" isnotnull="0">GENDER:</yh:yh></td>
<td><select class="required" name="gender_en" style="width:220px">
<td><select class="required" name="gender_en" style="width:225px">
<option value="">请选择</option>
<c:forEach items="${engender}" var="g">
<option value="${g.dataNameId}">${g.dataName}</option>
......
src/main/webapp/resource/front/js/reg.js
var REG = function(){
function showText(obj,text){
var REG = function () {
function showText(obj, text) {
$(obj).parent().parent().find("span.reg_body").html(text);
}
function showWarning(obj,text){
$(obj).parent().parent().find("span.reg_body").html("<b style='color:red'>"+text+"</b>");
function showWarning(obj, text) {
$(obj).parent().parent().find("span.reg_body").html("<b style='color:red'>" + text + "</b>");
}
function checkRequired(){
function checkRequired() {
var success = true;
$(".required").each(function(n,v){
if($.trim($(this).val())==''){
showWarning($(this),"请填写此信息");
$(".required").each(function (n, v) {
if ($.trim($(this).val()) == '') {
showWarning($(this), "请填写此信息");
success = false;
}
});
return success;
}
function ac1(){
$("#submit").on("click",function(){
function ac1() {
$("#submit").on("click", function () {
$(".message").html();
if(checkRequired()){
var province = $('#JSheng option:selected').text();
var city = $('#JShi option:selected').text();
var district = $('#JQu option:selected').text();
if (checkRequired()) {
var sn = $("input[name='subject']:checked")[0].nextSibling.nodeValue;
if(confirm("您报名的科目是“"+sn+"”，请牢记您的用户名和密码，报名成功后可凭此登陆查看缴费等状态，信息提交之后不可再更改，确认要提交吗？")){
if (confirm("您报名的科目是“" + sn + "”，请牢记您的用户名和密码，报名成功后可凭此登陆查看缴费等状态，信息提交之后不可再更改，确认要提交吗？")) {
$("#form").ajaxSubmit({
url: "/training/reg",
type:"post",
dataType:"json",
success:function(data){
if(data.success){
location.href="/training/infop";
}else{
url: "/training/reg?pre_address=" + (province + city + district).replace('市辖区','').replace('县',''),
type: "post",
dataType: "json",
success: function (data) {
if (data.success) {
location.href = "/training/infop";
} else {
$(".message").html(data.info);
}
}
......@@ -38,19 +43,19 @@ var REG = function(){
}
});
$("#submit2").on("click",function(){
$("#submit2").on("click", function () {
$(".message").html();
if(checkRequired()){
if (checkRequired()) {
var sn = $("input[name='subject2']:checked")[0].nextSibling.nodeValue;
if(confirm("您报名的科目是“"+sn+"”，请牢记您的用户名和密码，报名成功后可凭此登陆查看缴费等状态，信息提交之后不可再更改，确认要提交吗？")){
if (confirm("您报名的科目是“" + sn + "”，请牢记您的用户名和密码，报名成功后可凭此登陆查看缴费等状态，信息提交之后不可再更改，确认要提交吗？")) {
$("#form2").ajaxSubmit({
url: "/training/reg2",
type:"post",
dataType:"json",
success:function(data){
if(data.success){
location.href="/training/infop";
}else{
type: "post",
dataType: "json",
success: function (data) {
if (data.success) {
location.href = "/training/infop";
} else {
$(".message").html(data.info);
}
}
......@@ -59,138 +64,187 @@ var REG = function(){
}
});
$(".required").on("blur",function(){
if($.trim($(this).val())==''){
showWarning($(this),"请填写此信息");
}else{
showText($(this),"&radic;");
$(".required").on("blur", function () {
if ($.trim($(this).val()) == '') {
showWarning($(this), "请填写此信息");
} else {
showText($(this), "&radic;");
}
});
$("#reset").on("click",function(){
location.href='/training/regp';
$("#reset").on("click", function () {
location.href = '/training/regp';
});
$("#login").on("click",function(){
location.href='/training/loginp';
$("#login").on("click", function () {
location.href = '/training/loginp';
});
$("#reset2").on("click",function(){
location.href='/training/regp2';
$("#reset2").on("click", function () {
location.href = '/training/regp2';
});
$("#login2").on("click",function(){
location.href='/training/loginp2';
$("#login2").on("click", function () {
location.href = '/training/loginp2';
});
$("[name=email]").on("blur",function(){
$("[name=email]").on("blur", function () {
var e = $("[name=email]").val();
if(new RegExp("^\\w+@qq\.com$").test(e)){
showWarning( $("[name=email]"),"请勿使用QQ邮箱注册!");
if (new RegExp("^\\w+@qq\.com$").test(e)) {
showWarning($("[name=email]"), "请勿使用QQ邮箱注册!");
return;
}
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(e)){
showWarning( $("[name=email]"),"邮箱格式不正确!");
}else{
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(e)) {
showWarning($("[name=email]"), "邮箱格式不正确!");
} else {
var type = $("[name=subject]").length>0;
$.get("/training/checkEmail?email="+e+"&regType="+type,function(data){
if(data.success){
showWarning( $("[name=email]"),"邮箱被占用!");
}else{
showText($("[name=email]"),"&radic;");
var type = $("[name=subject]").length > 0;
$.get("/training/checkEmail?email=" + e + "&regType=" + type, function (data) {
if (data.success) {
showWarning($("[name=email]"), "邮箱被占用!");
} else {
showText($("[name=email]"), "&radic;");
}
},'json');
}, 'json');
}
});
$("[name=password]").on("blur",function(){
$("[name=password]").on("blur", function () {
var e = $(this).val();
if(e.length<6|| e.length>20 || !new RegExp("\^\\w+\$").test(e)){
showWarning($(this),"密码格式不正确（6-20位数字、字母或下划线）");
}else{
showWarning($(this),"&radic;");
if (e.length < 6 || e.length > 20 || !new RegExp("\^\\w+\$").test(e)) {
showWarning($(this), "密码格式不正确（6-20位数字、字母或下划线）");
} else {
showWarning($(this), "&radic;");
}
});
$("[name=repassword]").on("blur",function(){
$("[name=repassword]").on("blur", function () {
var e = $(this).val();
var e2 = $("[name=password]").val();
if(e!=e2){
showWarning($(this),"两次输入密码不一致");
}else{
showWarning($(this),"&radic;");
showWarning($("[name=password]"),"&radic;");
if (e != e2) {
showWarning($(this), "两次输入密码不一致");
} else {
showWarning($(this), "&radic;");
showWarning($("[name=password]"), "&radic;");
$("[name=password]").blur();
}
});
$("[name=taxpayerNum]").on("blur",function (){
$("[name=taxpayerNum]").on("blur", function () {
var code = $(this).val();
if(!checkSocialCreditCode(code)){
showWarning($(this),"不是有效的纳税人识别号！");
if (!checkSocialCreditCode(code)) {
showWarning($(this), "不是有效的纳税人识别号！");
}
});
}
return{
init:function(){
return {
init: function () {
ac1();
$("[name=birthday]").datepicker({
changeYear: true,
defaultDate: '-30y',
minDate: '-100y',
yearRange:"-100:+0"
yearRange: "-100:+0"
});
$("[name=dateOfBirth]").datepicker({
changeYear: true,
defaultDate: '-30y',
minDate: '-100y',
yearRange:"-100:+0"
yearRange: "-100:+0"
});
}
}
}();
$(function(){
$(function () {
REG.init();
$("#appreciationTaxTypeId").change(function(){
var appreciationTaxType = $("#appreciationTaxTypeId").find("option:selected").val();
if("1" == appreciationTaxType){
$("#companyNameId").css("display","");
$("#subjectNameId").css("display","");
$("#taxpayerNumId").css("display","");
$("#addressNameId").css("display","none");
$("#telephoneId").css("display","none");
$("#bankAddressId").css("display","none");
$("#bankAccountId").css("display","none");
$("#taxpayerNumId01").removeAttr("class");
$("#addressNameId01").removeAttr("class");
$("#telephoneId01").removeAttr("class");
$("#bankAddressId01").removeAttr("class");
$("#bankAccountId01").removeAttr("class");
}else if("2" == appreciationTaxType){
$("#companyNameId").css("display","");
$("#subjectNameId").css("display","");
$("#taxpayerNumId").css("display","");
$("#addressNameId").css("display","");
$("#telephoneId").css("display","");
$("#bankAddressId").css("display","");
$("#bankAccountId").css("display","");
$("#taxpayerNumId01").attr("class","required");
$("#addressNameId01").attr("class","required");
$("#telephoneId01").attr("class","required");
$("#bankAddressId01").attr("class","required");
$("#bankAccountId01").attr("class","required");
}else {
$("#companyNameId").css("display","none");
$("#subjectNameId").css("display","none");
$("#taxpayerNumId").css("display","none");
$("#addressNameId").css("display","none");
$("#telephoneId").css("display","none");
$("#bankAddressId").css("display","none");
$("#bankAccountId").css("display","none");
$("#taxpayerNumId01").removeAttr("class");
$("#addressNameId01").removeAttr("class");
$("#telephoneId01").removeAttr("class");
$("#bankAddressId01").removeAttr("class");
$("#companyNameId01").removeAttr("class");
$("#subjectNameId01").removeAttr("class");
$("#bankAccountId01").removeAttr("class");
}
})
JGetSheng();
$("#appreciationTaxTypeId").change(function () {
var appreciationTaxType = $("#appreciationTaxTypeId").find("option:selected").val();
if ("1" == appreciationTaxType) {
$("#companyNameId").css("display", "");
$("#subjectNameId").css("display", "");
$("#taxpayerNumId").css("display", "");
$("#addressNameId").css("display", "none");
$("#telephoneId").css("display", "none");
$("#bankAddressId").css("display", "none");
$("#bankAccountId").css("display", "none");
$("#taxpayerNumId01").removeAttr("class");
$("#addressNameId01").removeAttr("class");
$("#telephoneId01").removeAttr("class");
$("#bankAddressId01").removeAttr("class");
$("#bankAccountId01").removeAttr("class");
} else if ("2" == appreciationTaxType) {
$("#companyNameId").css("display", "");
$("#subjectNameId").css("display", "");
$("#taxpayerNumId").css("display", "");
$("#addressNameId").css("display", "");
$("#telephoneId").css("display", "");
$("#bankAddressId").css("display", "");
$("#bankAccountId").css("display", "");
$("#taxpayerNumId01").attr("class", "required");
$("#addressNameId01").attr("class", "required");
$("#telephoneId01").attr("class", "required");
$("#bankAddressId01").attr("class", "required");
$("#bankAccountId01").attr("class", "required");
} else {
$("#companyNameId").css("display", "none");
$("#subjectNameId").css("display", "none");
$("#taxpayerNumId").css("display", "none");
$("#addressNameId").css("display", "none");
$("#telephoneId").css("display", "none");
$("#bankAddressId").css("display", "none");
$("#bankAccountId").css("display", "none");
$("#taxpayerNumId01").removeAttr("class");
$("#addressNameId01").removeAttr("class");
$("#telephoneId01").removeAttr("class");
$("#bankAddressId01").removeAttr("class");
$("#companyNameId01").removeAttr("class");
$("#subjectNameId01").removeAttr("class");
$("#bankAccountId01").removeAttr("class");
}
})
});
function JGetSheng() {
$("#JSheng").empty();
$("#JSheng").append("<option value='0'>请选择</option>");
$.get("/resource/front/sheng_shi_qu.txt", function (data) {
var GetData = eval(data);
//console.log(GetData); 每个人下载的json格式可能会不一样，可以这样去看看格式为怎么样的，下面好取数据
$.each(GetData, function (i, item) {
if (item.level == "1") {
$("#JSheng").append("<option value='" + item.sheng + "'>" + item.name + "</option>");
}
})
})
JGetShi();
}
function JGetShi() {
var sheng = $("#JSheng").val();
$("#JShi").empty();
$("#JShi").append("<option value='0'>请选择</option>");
$.get("/resource/front/sheng_shi_qu.txt", function (data) {
var GetData = eval(data);
$.each(GetData, function (i, item) {
if (item.sheng == sheng && item.level == "2") {
$("#JShi").append("<option value='" + item.di + "'>" + item.name + "</option>");
}
})
})
JGetQu();
}
function JGetQu() {
var sheng = $("#JSheng").val();
var shi = $("#JShi").val();
$("#JQu").empty();
$("#JQu").append("<option value='0'>请选择</option>");
$.get("/resource/front/sheng_shi_qu.txt", function (data) {
var GetData = eval(data);
$.each(GetData, function (i, item) {
if (item.sheng == sheng && item.di == shi && item.level == "3") {
$("#JQu").append("<option value='" + item.xian + "'>" + item.name + "</option>");
}
})
})
}
src/main/webapp/resource/front/sheng_shi_qu.txt 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment