用最原始的方式验证正则

在jquery中

$(".submit").click(function (){
            var contentData = $("#content").val()
            var mobileData = $("#mobile").val() 
            var patt1=new RegExp("^1\\d{10}$")
            if(!patt1.test(mobileData)){
                alert("请输入国内手机号哦")
            }else{
                var subData = {
                    content:contentData,
                    mobile:mobileData,
                    type:100
                }
                console.log(subData)
                $.post("请求地址",
                    subData,
                    function(data,status){
                        // alert("数据: \n" + data + "\n状态: " + status);
                        if(data.error == '0'){
                            alert('恭喜你提交成功')
                        }
                    });
            }
        })

在vue中

 subCont(){
                let tel = this.formData.mobile
                var patt1=new RegExp("^1\\d{10}$")
                  if(!patt1.test(tel)) {
                      alert('请输入国内手机号哦！')
                  }else{
                      axios.post('请求地址', {
                          content: this.formData.content,
                          mobile: this.formData.mobile,
                          type:100,
                      })
                          .then(function (response) {
                              if(response.error =0){
                                  alert('恭喜你提交成功！')
                              }
                          })
                          .catch(function (error) {
                              console.log(error);
                          });
                  }
            }

就是根据判断test()返回的值是true还是fasle
如果是true就是符合正则表达式的标准，如果是fasle就是不符合。

另外在记录一下，<button></button>点击会自动刷新页面，如果不想让他刷新页面，就加上 “type=button”

纯记录贴