表单验证现在很常见,今天以验证手机号为例子,其他的验证 上网搜一下各自的正则表达式+例子的模板就可以了。
var telephone = 0;
//手机号验证
function phone_verification() {
telephone = $('.box_phone_toubao input').val(); //表单用户输入的值
$('.p_phone_toubao').css('display', 'block'); //错误信息提示
return false;
} else {
$('.p_phone_toubao').css('display', 'none');
return true;
}
$('.box_phone_toubao input').blur(function() {
phone_verification();
})
//手机号获取焦点
$('.box_phone_toubao input').focus(function(){
$('.p_phone_toubao').css('display', 'none');
})
//点击提交按钮
$('.button').click(function(){
if (phone_verification()) {//为true说明用户输入正确
//根据需求执行自己的操作
}
})
var telephone = 0;
//手机号验证
function phone_verification() {
telephone = $('.box_phone_toubao input').val(); //表单用户输入的值
var phone_reg = /^1[3|4|5|7|8]\d{9}$/; //正则表达式
if(telephone == "" || (!phone_reg.test(telephone))) {$('.p_phone_toubao').css('display', 'block'); //错误信息提示
return false;
} else {
$('.p_phone_toubao').css('display', 'none');
return true;
}
};
//手机号 失去焦点事件$('.box_phone_toubao input').blur(function() {
phone_verification();
})
//手机号获取焦点
$('.box_phone_toubao input').focus(function(){
$('.p_phone_toubao').css('display', 'none');
})
//点击提交按钮
$('.button').click(function(){
if (phone_verification()) {//为true说明用户输入正确
//根据需求执行自己的操作
}
})