注册页面需要的js代码

个人使用
$(function() {
/**
* 加载城市地址
*/
$.ajax({
type : "get",
dataType : "jsonp",
url : pageNameurl + "loadCity.action",
processData : false,
success : function(data) {
var json = eval(data);
var list = eval(json.rows);
var stroption = "<option value='' >请选择</option>";
for ( var i = 0; i < list.length; i++) {
stroption += '<option value=' + list[i].id + '>';
stroption += list[i].cityName;
stroption += '</option>';
}
$("#addressCountyName").prepend(stroption);
},
error : function() {
alert("加载失败");
}
});




$('#addressCountyName').change(function() {
var addressCityId = $("#addressCountyName").val();
$.ajax({
type : "get",
dataType : "jsonp",
url : pageNameurl + "loadCounty.action",
data : {
addressCityId : addressCityId
},
success : function(data) {
$("#addressDetailed").empty();
var json = eval(data);
var list = eval(json.rows);
var stroption = "<option value='' >请选择</option>";
for ( var i = 0; i < list.length; i++) {
stroption += '<option value=' + list[i].id + '>';
stroption += list[i].countyName;
stroption += '</option>';
}
$("#addressDetailed").prepend(stroption);
},
error : function() {
alert("加载失败");
}
});
});

$('#addressDetailed').change(function() {
var addressDetailedId = $("#addressDetailed").val();
if(addressDetailedId!=""){
loadSonPage(addressDetailedId);
}
});
});




$(function() {




jQuery.validator.addMethod("checkTelephone",
function(value, element) {
var length = value.length;
var regPhone = /^1([3578]\d|4[57])\d{8}$/;
return this.optional(element)
|| (length == 11 && regPhone.test(value));
}, "<p style='color: red'>请正确填写您的手机号码!</p>");




$.validator.addMethod("isIdCardNo", function(value, element, params) {
var isIdCardNo = /^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/;
return this.optional(element) || (isIdCardNo.test(value));
}, "<p style='color: red'>请输入正确的身份证号</p>");




$("#form").validate({
rules : {
userName : {
required : true
},
vehicleCard : {
required : true
},
idCard : {
required : true,
isIdCardNo : true
},
addressCountyName : {
required : true
},
addressDetailed : {
required : true
},
password : {
required : true,
maxlength : 15,
minlength : 5
},
password1 : {
required : true,
equalTo : "#password",
maxlength : 15,
minlength : 5
},
checkBox : {
required : true
},
telephone : {
required : true,
checkTelephone : true,
remote : {
url : pageNameurl + "checkTelephone.htm?callback=?",
type : "get",
dataType : "jsonp",
data : {
telephone : function() {
return $("#telephone").val();// 验证后ID为userAccount文本框的显示值。这里还是赋的$("#userAccount").val(),显示原来文本框中的值。
}
}
}
}
/*
* , code : { required : true, remote : { url :
* pulicUrl+"checkValidateCode.htm?callback=?", type : "get", dataType :
* "jsonp", data : { telephone : function() { return
* $("#telephone").val();//
* 验证后ID为userAccount文本框的显示值。这里还是赋的$("#userAccount").val(),显示原来文本框中的值。 },
* code : function() { return $("#code").val();//
* 验证后ID为userAccount文本框的显示值。这里还是赋的$("#userAccount").val(),显示原来文本框中的值。 } } } }
*/
},
messages : {
userName : {
required : "<p style='color: red'>必填</p>"
},
vehicleCard : {
required : "<p style='color: red'>必填</p>"
},
idCard : {
required : "<p style='color: red'>必填</p>"/*
* , isIdCardNo : "<p style='color: red'>请输入正确的身份证号</p>"
*/
},
addressCountyName : {
required : "<p style='color: red'>必填</p>"
},
addressDetailed : {
required : "<p style='color: red'>必填</p>"
},
password : {
required : "<p style='color: red'>请输入密码</p>",
maxlength : "<p style='color: red'>最大长度15位</p>",
minlength : "<p style='color: red'>最小长度5位</p>"
},
password1 : {
required : "<p style='color: red'>请确认密码</p>",
equalTo : "<p style='color: red'>两次输入密码不一致</p>",
maxlength : "<p style='color: red'>最大长度15位</p>",
minlength : "<p style='color: red'>最小长度5位</p>"
},
checkBox : {
required : "<p style='color: red'>必填</p>"
},
telephone : {
required : "<p style='color: red'>必填</p>",
remote : "<p style='color: red'>账户已注册!</p>"
}
/*
* , code : { required : "<p style='color: red'>必填</p>", remote : "<p style='color: red'>验证码错误!</p>" }
*/
},
onfocusout : function(element) {
$(element).valid();
},
/* errorLabelContainer : "#showMessage", */
invalidHandler : function(form, validator) { // 不通过回调
return false;
}
});
});




$(function() {
var value = $('input[name="identityType"]:checked').val();
if (value == '1') {
$("#charIdShow").hide();
}




$("input:radio[name='identityType']").change(function() { // 拨通
var value = $('input[name="identityType"]:checked').val();
if (value == '1') {
$("#charIdShow").hide();
} else {
$("#charIdShow").show();
}
});




var cookies = document.cookie.split(";");
if (cookies != null) {
for ( var i = 0; i < cookies.length; i++) {
var cs = cookies[i].split("=");
if (cs[0].trim() == "weichatId") {
$("#weichatIdStr").val(cs[1]);
}
}
}
});




function loadSonPage(id) {
$.ajax({
url : pageNameurl + "querySongPageUserInfo.htm",
dataType : "jsonp",
type : "get",
data:{
id:id
},
success : function(data) {
if (data.success) {
var html = "<option value=''>请选择</option>";
for ( var i = 0; i < data.obj.length; i++) {
html+="<option value='"+data.obj[i].userid+"'>";
html += data.obj[i].username;
html += "-";
html += data.obj[i].pageName;
html+="</option>";
}
$("#songPageUser").html(html);
}
}
});
}








function formSubmit() {
/*
* var userName = $("#userName").val(); var telephone =
* $("#telephone").val(); var identityType = $("#identityType").val(); var
* vehicleCard = $("#vehicleCard").val(); var idCard = $("#idCard").val();
* var addressCountyName = $("#addressCountyName").val(); var
* addressDetailed = $("#addressDetailed").val(); var password =
* $("#password").val(); var 暗淡的ress = $("#password").val();
*/
var tl = $("#form").validate().form();
if (tl == true) {
$.ajax({
type : "get",
dataType : "jsonp",
url : pageNameurl + "saveRegister.htm",
data : $('#form').serialize(),
success : function(msg) {
alert("注册成功！");
location.href = "./../login/login.html";

},
error : function() {
alert("注册失败");
}
});
}
}