register main html5,register.html

hnstf | register

河南省科技金融信息服务平台

*用户名：

*密码：

*确认密码：

*单位名称：

*邮箱：

*联系人：

*联系人手机：

立即注册

$(document).ready(function () {

//校验操作

validate();

});

//校验

function validate() {

$("#role_form_register").validate({

rules: {

userName: {

required: true,

maxlength: 20,

minlength: 5,

checkRepeat:true,

checkUser:true

},

password: {

required: true,

maxlength: 20,

minlength: 6

},

confirmPassword: {

required: true,

equalTo: "#password",

maxlength: 20,

minlength: 6

},

companyName: {

required: true,

},

email: {

required: true,

email: true,

},

linkPeople: {

required: true,

},

cellPhone: {

required: true,

digits: true,

maxlength: 13,

minlength: 11

}

},

messages: {

userName: {

required: "用户名不能为空",

maxlength: "用户名最大值不能大于20个字符",

minlength: "用户名长度太短"

},

password: {

required: "密码不能为空",

maxlength: "密码最大值不能大于20个字符",

minlength: "密码长度太短"

},

confirmPassword: {

required: "确认密码不能为空",

maxlength: "密码最大值不能大于20个字符",

minlength: "密码长度太短",

equalTo: "两次密码输入不一致"

},

companyName: {

required: "单位名称不能为空",

},

email: {

required: "邮箱不能为空",

email: "邮箱格式不正确",

},

linkPeople: {

required: "联系人不能为空",

},

cellPhone: {

required: "手机号不能为空",

maxlength: "手机号格式不正确",

minlength: "手机号格式不正确",

}

},

submitHandler: function (form) {

register();

},

invalidHandler: function (form, validator) {

return false;

}

});

}

//注册操作

function register() {

var userName = $("#userName").val();

var password = $("#password").val();

var companyName = $("#companyName").val();

var email = $("#email").val();

var linkPeople = $("#linkPeople").val();

var cellPhone = $("#cellPhone").val();

var user = getUserJson(userName,password,companyName,email,linkPeople,cellPhone);

$.getJSON({

url: bathpath + '/user/regist',

type: 'post',

data:user,

contentType: "application/json;charset=utf-8", //记住加上charset=utf-8，否则Ajax请求有可能会报SCRIPT7002错误

}).done(function (data) {

if (ajaxdatacheck(data)) {

if (data.code == 1) {

swal({

title: '注册成功',

text: data.content.user.userName + data.content.user.companyName,

type: "warning"

}, function () {

$.cookie('user', JSON.stringify(data.content.user), {

expires: 8 / 24

})

window.setTimeout("window.location.href = 'login.html?_" + new Date().getTime() + "'", 200)

})

} else {

swal({

title: '出错了',

text: data.errorMsg || data.msg,

type: "warning"

})

}

}

})

.fail(function (e) {

console.error(e.statusText)

})

.always(function () {

if (instance)

instance.stop();

})

}

//自定义校验用户名是否已被注册

jQuery.validator.addMethod("checkRepeat",function(value,element){

var flag = true;

if(value !=''&&value.length>6){

flag = checkRepeat(value);

};

return flag;

} , "此用户名已被注册");

//自定义用户名校验规则

jQuery.validator.addMethod("checkUser",function(value,element){

var flag = true;

var rule = /^[a-zA-Z][a-zA-Z0-9]{4,19}$/;

if(value !=''){

flag = rule.test(value);

};

return flag;

} , "用户名长度必须在5到20之间,需以字母开头");

//ajax请求后台用户名是否存在

function checkRepeat(userName){

var notExist = true;

$.getJSON({

async: false,//需用返回值，此处设为同步

url: bathpath + '/user/checkRepeat',

type: 'get',

data:{"userName": userName},

contentType: "application/json;charset=utf-8",

}).done(function (data) {

if(!data.content.valid){//用户已存在

notExist = false;

}

})

.fail(function (e) {

console.error(e.statusText)

})

return notExist;

}

//封装user

function getUserJson(userName,password,companyName,email,linkPeople,cellPhone){

var user = {

"userName":userName,

"password":password,

"companyName":companyName,

"email":email,

"linkPeople":linkPeople,

"cellPhone":cellPhone

};

return JSON.stringify(user);

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史