ajax-3验证

Posted 2020-10-19 前端HL

$("#formBtn").click(function () {
                // var regName =/^[\u4e00-\u9fa5]{2,10}$/;//姓名只能是汉字切2-10字
                var pattern = new RegExp("[`[email protected]#$^&*()=|{}‘:;‘,\\[\\].<>/?~！@#￥……&*（）;—|{}【】‘；：”“‘。，、？]");//禁止特殊符号
                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");
                        }
                    }
                });    
            });