熊爸爸写的表单验证
var graduationTime = document.getElementById('graduationTime');
require.ensure(['pikaday'], function () {
var Pikaday = require('pikaday');
/**
* 日期控件默认配置
*/
var pConfigs = {
firstDay: 1,
yearRange: 10,
i18n: {
previousMonth: '上一月',
nextMonth: '下一月',
months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
weekdays: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
weekdaysShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
},
format: 'YYYY-MM-DD'
};
var czStartDate = new Pikaday({
field: graduationTime,
firstDay: pConfigs.firstDay,
yearRange: pConfigs.yearRange,
i18n: pConfigs.i18n,
format:pConfigs.format,
// 选择日期时,查询对应订单列表
onSelect: function () {
var start = this.toString('YYYY-MM-DD');
}
});
}, 'pikaday');
var userNameState = true; //昵称长度
var userIDState = true; //身份证号
var phoneState = true; //电话号码
var EmailState = true; //邮箱
var graduationTimeState = true; //邮箱
//判断昵称
$('#userName').on('blur keyup',function(){
var userNameVal = $(this).val();
var userNameReg = /^.{2,8}$/g;
userNameState = userNameReg.test(userNameVal);
if(!userNameState){
$(this).parent('.text').find('.prompt').text('请输入2-8个字符');
}else{
$(this).parent('.text').find('.prompt').text('');
}
});
//判断身份证号
$('#userID').on('blur keyup',function(){
var userIDVal = $(this).val();
var userIDReg = /^[0-9a-zA-Z]{8,18}$/;
userIDState = userIDReg.test(userIDVal);
if(!userIDState){
$(this).parent('.text').find('.prompt').text('请输入正确号码');
}else{
$(this).parent('.text').find('.prompt').text('');
}
});
//判断电话号码
$('#phone').on('blur keyup',function(){
var phoneVal = $(this).val();
var phoneReg = /^\d{7,11}$/g;
phoneState = phoneReg.test(phoneVal);
if(!phoneState){
$(this).parent('.text').find('.prompt').text('请输入正确的电话号码');
}else{
$(this).parent('.text').find('.prompt').text('');
}
});
//判断邮箱
$('#Email').on('blur keyup',function(){
var EmailVal = $(this).val();
var EmailReg = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
EmailState = EmailReg.test(EmailVal);
if(EmailState){
$(this).parent('.text').find('.prompt').text('');
}else{
$(this).parent('.text').find('.prompt').text('请输入正确的邮箱地址');
}
});
//判断身份证号
$('#graduationTime').on('blur keyup',function(){
var graduationTimeVal = $(this).val();
if(!graduationTimeVal){
$(this).parent('.text').find('.prompt').text('请选择毕业时间');
}else{
graduationTimeState = true;
$(this).parent('.text').find('.prompt').text('');
}
});
//提交表单
$('#informationSubmit').closest('form').on('submit',function(){
var submitState = false;
$('.J_input').each(function(){
var txt = $(this).val();
if(!txt){
submitState = false;
return false;
}else{
submitState = true;
}
});
if(submitState && userNameState && userIDState && phoneState && EmailState && graduationTimeState){
$('#submitPromt').text('');
}else{
$('#submitPromt').text('请正确填完所有信息');
return false;
}
});
浙公网安备 33010602011771号