jquery控制表单提交

最新推荐文章于 2022-06-09 19:50:25 发布

余韵悠扬

最新推荐文章于 2022-06-09 19:50:25 发布

阅读量500

点赞数 1

分类专栏： jquery 文章标签： jquery 表单

本文链接：https://blog.csdn.net/jia28970475/article/details/70145393

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

这篇博客主要介绍了如何利用jQuery来实现表单提交时的验证功能。内容包括手机号的正则匹配、短信验证码的检查以及后台接口的调用，确保手机号未空、格式正确以及手机号未被注册。

摘要由CSDN通过智能技术生成

//校验表单
$("form").submit(function(e){

var code = $("#inputImg").val();
var Sms = $("#inputSms").val();
var phone = $("#inputPhone").val();
//手机号
var reg1= /^(13[0-9]|15[012356789]|17[3678]|18[0-9]|14[57])[0-9]{8}$/;
if(phone== '')
{
$(".phone").html('请输入手机号');
$(".phone").css('display','block');
return false;
}
else if(!reg1.test(phone))
{
$(".smserror").html('手机号错误，请修改');
$(".phone").css('display','block');
return false;
}
//短信验证码
var reg= /^[0-9]{6}$/;
if(Sms== '')
{
$(".smserror").html('请输入短信验证码');
$(".smserror").css('display','block');
return false;
}
else if(!reg.test(Sms))
{
$(".smserror").html('短信验证码错误，请修改');
$(".smserror").css('display','block');
return false;
}

$.post('{$checkTel}',{phone: phone},function(msg)
{
if(msg.status==400)
{
$(".phone").html('该手机号已存在，请直接登录');
$(".phone").css('display','block');
return false;
}
})

return true;
});