Skip to content

Instantly share code, notes, and snippets.

@markyun

markyun/gist:5916266

Created July 3, 2013 08:12
Show Gist options
  • Save markyun/5916266 to your computer and use it in GitHub Desktop.
Save markyun/5916266 to your computer and use it in GitHub Desktop.
Download ZIP
Validate.form.js
Raw
gistfile1.txt
/*
jsName: 验证表单的js
Description:
Author: markyun
Email：[email protected]
Author URL: http://weibo.com/920802999
Version: 1.0
UpdateTime:2013年7月3日
*/
$.extend(validatePrompt, {
realname:{
onFocus:"2-20位字符，可由中文或英文组成",
succeed:"",
isNull:"请输入联系人姓名",
error:{
badLength:"联系人姓名长度只能在2-20位字符之间",
badFormat:"联系人姓名只能由中文或英文组成"
}
},
department:{
onFocus:"",
succeed:"",
isNull:"请选择联系人所在部门",
error:""
},
tel:{
onFocus:"请填写联系人常用的电话，以便于我们联系，如：0527-88105500",
succeed:"",
isNull:"请输入联系人固定电话",
error:"电话格式错误，请重新输入"
},
mobile:{
onFocus:"非北京、上海、广州三地客户，请在手机号前加“0”",
succeed:"",
isNull:"请输入您的手机号码",
error:"手机号格式错误，请重新输入"
},
companyname:{
onFocus:"请填写工商局注册的全称。4-40位字符，可由中英文、数字及“_”、“-”、()、（）组成",
succeed:"",
isNull:"请输入公司名称",
error:{
badLength:"公司名称长度只能在4-40位字符之间",
badFormat:"公司名称只能由中文、英文、数字及“_”、“-”、()、（）组成"
}
},
companyarea:{
onFocus:"请选择公司所在地",
succeed:"",
isNull:"请选择公司所在地",
error:""
},
companyaddr:{
onFocus:"请详细填写公司经营地址　如：北京市海淀区苏州街20号银丰大厦B座3层",
succeed:"",
isNull:"请输入公司地址",
error:{
badLength:"公司地址长度只能在4-50位字符之间",
badFormat:"公司地址只能由中文、英文、数字及“_”、“-”、()、（）、#组成"
}
},
purpose:{
onFocus:"",
succeed:"",
isNull:"请选择购买类型/用途",
error:""
},
companysite:{
onFocus:"如：http://www.360buy.com",
succeed:"",
isNull:"请输入公司网址",
error:{
badLength:"公司网址长度只能在80位字符之内",
badFormat:"公司网址格式不正确。应如：http://www.360buy.com"
}
}
});
$.extend(validateFunction, {
realname:function(option) {
var length = validateRules.betweenLength(option.value.replace(/[^\x00-\xff]/g, "**"), 2, 20);
var format = validateRules.isRealName(option.value);
if (!length) {
validateSettings.error.run(option, option.prompts.error.badLength);
} else {
if (!format) {
validateSettings.error.run(option, option.prompts.error.badFormat);
}
else {
validateSettings.succeed.run(option);
}
}
},
department:function(option) {
var bool = (option.value == -1);
if (bool) {
validateSettings.isNull.run(option, "");
}
else {
validateSettings.succeed.run(option);
}
},
tel:function(option) {
var format = validateRules.isTel(option.value);
if (!format) {
validateSettings.error.run(option, option.prompts.error);
}
else {
validateSettings.succeed.run(option);
}
},
mobile:function(option) {
var format = validateRules.isMobile(option.value);
if (!format) {
validateSettings.error.run(option, option.prompts.error);
}
else {
validateSettings.succeed.run(option);
}
},
companyname:function(option) {
var length = validateRules.betweenLength(option.value.replace(/[^\x00-\xff]/g, "**"), 4, 40);
var format = validateRules.isCompanyname(option.value);
if (!length) {
validateSettings.error.run(option, option.prompts.error.badLength);
}
else {
if (!format) {
validateSettings.error.run(option, option.prompts.error.badFormat);
} else {
validateSettings.succeed.run(option);
}
}
},
companyarea:function(option) {
var bool = (option.value == -1);
if (bool) {
validateSettings.isNull.run(option, "");
}
else {
validateSettings.succeed.run(option);
}
},
companyaddr:function(option) {
var length = validateRules.betweenLength(option.value.replace(/[^\x00-\xff]/g, "**"), 4, 50);
var format = validateRules.isCompanyaddr(option.value);
if (!length) {
validateSettings.error.run(option, option.prompts.error.badLength);
} else {
if (!format) {
validateSettings.error.run(option, option.prompts.error.badFormat);
}
else {
validateSettings.succeed.run(option);
}
}
},
purpose:function(option) {
var purpose = $("input:checkbox[@name='purposetype']");
if (validateFunction.checkGroup(purpose)) {
validateSettings.succeed.run(option);
} else {
validateSettings.error.run(option, option.prompts.isNull);
}
},
companysite:function(option) {
var length = validateRules.betweenLength(option.value, 0, 80);
var format = validateRules.isCompanysite(option.value);
if (!length) {
validateSettings.error.run(option, option.prompts.error.badLength);
} else {
if (!format) {
validateSettings.error.run(option, option.prompts.error.badFormat);
}
else {
validateSettings.succeed.run(option);
}
}
},
FORM_validate:function() {
$("#username").jdValidate(validatePrompt.username, validateFunction.username, true);
$("#pwd").jdValidate(validatePrompt.pwd, validateFunction.pwd, true)
$("#pwd2").jdValidate(validatePrompt.pwd2, validateFunction.pwd2, true);
$("#authcode").jdValidate(validatePrompt.authcode, validateFunction.authcode, true);
$("#realname").jdValidate(validatePrompt.realname, validateFunction.realname, true);
$("#department").jdValidate(validatePrompt.department, validateFunction.department, true);
$("#tel").jdValidate(validatePrompt.tel, validateFunction.tel, true);
$("#mobile").jdValidate(validatePrompt.mobile,validateFunction.mobile,true);
$("#mail").jdValidate(validatePrompt.mail, validateFunction.mail, true);
$("#companyname").jdValidate(validatePrompt.companyname, validateFunction.companyname, true);
$("#companyaddr").jdValidate(validatePrompt.companyaddr, validateFunction.companyaddr, true);
$("#companysite").jdValidate(validatePrompt.companysite,validateFunction.companysite,true);
$("#purpose").jdValidate(validatePrompt.purpose, validateFunction.purpose, true);
return validateFunction.FORM_submit(["#username","#pwd","#pwd2","#mail","#realname","#department","#tel","#companyname","#companyaddr","#purpose"]);
}
});
//默认下用户名框获得焦点
setTimeout(function() {
$("#username").get(0).focus();
}, 0);
//用户名验证
$("#username").jdValidate(validatePrompt.username, validateFunction.username);
//密码验证
$("#pwd").bind("keyup",function(){
validateFunction.pwdstrength();
}).jdValidate(validatePrompt.pwd, validateFunction.pwd)
//二次密码验证
$("#pwd2").jdValidate(validatePrompt.pwd2, validateFunction.pwd2);
//邮箱验证
$("#mail").jdValidate(validatePrompt.mail, validateFunction.mail);
//推荐人用户名
$("#referrer").bind("keydown",function(){
$(this).css({"color":"#333333","font-size":"14px"});
}).bind("keyup",function(){
if($(this).val() == "" || $(this).val() == "可不填"){
$(this).css({ "color": "#999999", "font-size": "12px" });
}
}).bind("blur",function(){
if($(this).val() == "" || $(this).val() == "可不填"){
$(this).css({"color":"#999999","font-size":"12px"}).jdValidate(validatePrompt.referrer, validateFunction.referrer, "可不填");
}
})
//验证码验证
$("#authcode").jdValidate(validatePrompt.authcode, validateFunction.authcode);
//联系人姓名验证
$("#realname").jdValidate(validatePrompt.realname, validateFunction.realname);
//部门验证
$("#department").jdValidate(validatePrompt.department, validateFunction.department);
//固定电话验证
$("#tel").jdValidate(validatePrompt.tel, validateFunction.tel);
//手机验证
$("#mobile").jdValidate(validatePrompt.mobile, validateFunction.mobile);
//公司名称验证
$("#companyname").jdValidate(validatePrompt.companyname, validateFunction.companyname);
//公司地址验证
$("#companyaddr").jdValidate(validatePrompt.companyaddr, validateFunction.companyaddr);
//公司网址验证
$("#companysite").jdValidate(validatePrompt.companysite, validateFunction.companysite);
//显示密码事件
$("#viewpwd").bind("click", function() {
if ($(this).attr("checked") == true) {
validateFunction.showPassword("text");
$("#o-password").addClass("pwdbg");
} else {
validateFunction.showPassword("password");
$("#o-password").removeClass("pwdbg");
}
});
//购买类型/用途验证
$("input:checkbox[@name='purposetype']").bind("click", function() {
var value1 = $("#purpose").val();
var value2 = $(this).val();
if ($(this).attr("checked") == true) {
if (value1.indexOf(value2) == -1) {
$("#purpose").val(value1 + value2);
$("#purpose").attr("sta", 2);
$("#purpose_error").html("");
$("#purpose_succeed").addClass("succeed");
}
} else {
if (value1.indexOf(value2) != -1) {
value1 = value1.replace(value2, "");
$("#purpose").val(value1);
if ($("#purpose").val() == "") {
$("#purpose").attr("sta", 0);
$("#purpose_succeed").removeClass("succeed");
}
}
}
});
//键盘输入验证码验证
$("#authcode").bind('keyup', function(event) {
if (event.keyCode == 13) {
$("#registsubmit").click();
}
});
//确认协议才能提交
$("#protocol").click(function() {
if ($("#protocol").attr("checked") != true) {
$("#registsubmit").attr({ "disabled": "disabled" });
$("#registsubmit").addClass("disabled");
}
else {
$("#registsubmit").removeAttr("disabled");
$("#registsubmit").removeClass("disabled");
}
});
//表单提交验证和服务器请求
$("#registsubmit").click(function() {
var flag = validateFunction.FORM_validate();
if (flag) {
$(this).attr({"disabled":"disabled"}).attr({"value":"提交中,请稍等..."});
$.ajax({
type: "POST",
url: "http://www.baidu.com/RegistService",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
data: $("#formpersonal").serialize(),
success: function(result) {
if (result == 1) {
window.location = "http://www.baidu.com/";
}
}
});
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment