模块 | 验证格式

 tip：test() 方法用于检测一个字符串是否匹配某个模式

 

判断手机格式

函数描述：传入一个字符串，判断参数与指定格式是否统一。如果统一，则返回真；如果不统一，则返回假。

指定格式：电话号码

function isPhone(phone){
      var pattern = /^1[345789]\d{9}$/;
      return pattern.test(phone);
}

 

判断名字格式

函数描述：与上同

指定格式：1-5位汉字

function isChinaName(name){
      var pattern = /^[\u4e00-\u9fa5]{1,5}$/;
      return pattern.test(name);
}

 

指定格式：4个数字构成

        function isFourNum(num){
            var pattern = /^\d{4}$/;
            return pattern.test(num);
        }

　　

表单验证　

函数描述：传入2个参数myName,myPhone。如果myName为空，则弹出对话框“请输入姓名”；否则如果myName格式有问题，则弹出对话框“姓名格式有误！请输入1-5位汉字”；否则如果myPhone为空，则弹出对话框“请输入手机号”；否则如果myPhone格式有问题，则弹出对话框“手机号格式有误！”；否则返回真。

function formValidate(myName,myPhone){
      if(myName==''){
        alert("请输入姓名")
      }else if(!isChinaName(myName)){
        alert("姓名格式有误！请输入1-5位汉字")
      }else if(myPhone==''){
        alert("请输入手机号")
      }else if(!isPhone(myPhone)){
        alert("手机号格式有误！")
      }else {
        return true;
      }
}

 

点击按钮时执行

$(".btn-save").click(function () {//当按钮点击时
  var myName = $(".myName").val();//获取姓名的值
  var myPhone = $(".myPhone").val();//获取手机的值
  if (formValidate(myName, myPhone)) {//如果表单验证通过
    $.post("grjbxxbj",//发送请求的url地址
            {//要发送给服务器的数据
              name: myName,
              phoneNo: myPhone
            },
            function (date) {//返回回来的值，进行操作
              if (date.code == 0) {//如果data.code=0
                window.location = "grqz";//打开“个人求职页面”
              }//否则弹出信息：data.msg
              else alert(date.msg);
            });
  }
})

　　

控制器

    @RequestMapping(value = "grjbxxbj", method = RequestMethod.POST)
    @ResponseBody
    public AjaxResponseData personalInfSeting(HttpSession session, Per_UserBean user) {
        String openid = (String) session.getAttribute("openId");//获取openid
        if (StringUtils.isEmpty(openid)) return new AjaxResponseErrData("请登入");//验证若为空，返回请登入信息
        user.setOpenid(openid);//设置用户的openid
        if (session.getAttribute("userid") != null) {
            user.setId((Short) session.getAttribute("userid"));
            if (userMapper.updateByPrimaryKeySelective(user) == 1)//如果数据库已经修改成功
                return new AjaxResponseOKData("修改成功");//返回修改成功
            else return new AjaxResponseErrData("修改失败，稍后再试");//未修改成功，则返回修改失败
        }
        //新增
        else {
            user.setId((short) userMapper.seqcommon());
            user.setCreateDate(new Date());
            if (userMapper.insertSelective(user) == 1)//如果数据库已经新建成功
                return new AjaxResponseOKData("新增成功");//返回新增成功
            else return new AjaxResponseErrData("新增失败，稍后再试");//返回新增失败
        }
    }