分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

ajax-3验证

发布时间:2023-09-06 01:34责任编辑:傅花花关键词:暂无标签
$("#formBtn").click(function () { ???????????????// var regName =/^[\u4e00-\u9fa5]{2,10}$/;//姓名只能是汉字切2-10字 ???????????????var pattern = new RegExp("[`~!@#$^&*()=|{}‘:;‘,\\[\\].<>/?~!@#¥……&*();—|{}【】‘;:”“‘。,、?]");//禁止特殊符号 ???????????????var num=/^\d*$/;//不能是数字 ???????????????var regPhone=/^1[0-9]{10}$/;//验证手机号码 ???????????????var xm =$(‘#username‘).val(); ???????????????var phone =$(‘#phone‘).val(); ???????????????var txtarea =$(‘#txtarea‘).val(); ???????????????var sex = $(‘#J_sex‘).val(); ???????????????if (!$(‘#directionMenu li‘).hasClass(‘current‘)) { ???????????????????alert("请选择咨询方向"); ???????????????????return false; ???????????????} ???????????????if (txtarea==‘‘) { ???????????????????alert(‘请输入描述‘) ???????????????????return false; ???????????????} ???????????????if (txtarea.length < 10) { ???????????????????alert(‘描述不能少于10个字‘) ???????????????????return false; ???????????????} ???????????????if(xm==‘‘){ ???????????????????alert(‘姓名不能为空‘); ???????????????????return false; ???????????????} ???????????????if (pattern.test(xm)) { ???????????????????alert("姓名只能是汉字字母"); ???????????????????return false; ???????????????} ???????????????if (num.test(xm)) { ???????????????????alert("姓名不能是数字"); ???????????????????return false; ???????????????} ???????????????if(sex==‘‘){ ???????????????????alert(‘性别不能为空‘); ???????????????????return false; ???????????????} ???????????????if (phone==‘‘) { ???????????????????alert(‘请输入手机号码‘); ???????????????????return false; ???????????????} ???????????????if(!regPhone.test(phone)){ ???????????????????alert(‘请输入正确的手机号码‘); ???????????????????return false; ???????????????} ???????????????var postUrl = $("#form").attr(‘action‘); ???????????????$.ajax({ ???????????????????url: postUrl, ???????????????????data: $("#form").serialize(), ???????????????????type: ‘post‘, ???????????????????dataType: ‘json‘, ???????????????????beforeSend: function () { ???????????????????????// 禁用按钮防止重复提交 ???????????????????????$("#formBtn").attr({ disabled: "disabled" }); ???????????????????????$("#formBtn").val(‘正在提交中...‘); ???????????????????}, ???????????????????success: function (res) { ???????????????????????if (res.code == ‘1‘) { ???????????????????????????alert(‘您已预约成功,请保持电话畅通‘); ???????????????????????????$("#formBtn").val(‘已成功提交‘); ???????????????????????} else { ???????????????????????????alert(res.msg); ???????????????????????????$("#formBtn").removeAttr("disabled"); ???????????????????????} ???????????????????} ???????????????}); ???????????????});

ajax-3验证

原文地址:https://www.cnblogs.com/huanghuali/p/8182074.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved