AJAX 验证 用户名验证 手机号码正则验证

来源:互联网 发布:docker java jar 编辑:程序博客网 时间:2024/05/17 02:26

1.前端

<script type="text/javascript">        $(function(){            $("#uname").blur(function(){                $.ajax({                    type: "POST",                    url: "ajax.do",                    data: $("#uname"),                    success: function(msg){                            $("span").empty();                            if(msg=="ok"){                                var span = "<span>用户名可用</span>";                                $("#uname").after(span);                                $("#uname").focus();                            }else{                                var span = "<span>用户名已存在</span>";                                $("#uname").after(span);                            }                        }                    });                });             });  </script>

2.后台

    @RequestMapping("ajax.do")    public String ajax(String uname,HttpServletResponse res) throws IOException{        System.out.println(uname);        User user2 = userMapper.findByName(uname);        String msg = "";        if(user2!=null){            msg="该用户名已存在!!!";            res.getWriter().print(msg);            res.getWriter().close();        }else{            msg="ok";            res.getWriter().print(msg);            res.getWriter().close();        }        return null;    }

验证手机号码是否正确

 $("#phone").blur(function(){         var phone= $("#phone").val();         if(/^1[34578]\d{9}$/.test(phone)){          return true;         }else{           alert("请输入正确的手机号");           $("#sub").prop("disabled",true);         }       });    });

验证用户名

<script type="text/javascript" src=""></script><script type="text/javascript">$(function() {        name = false;    age= false;        $("#name").blur(function(){            $("#span").empty();            if ($(this).val()=='') {                var span = $("<span id='span'>用户名长不能为空</span>");                $("#name").after(span);                name = false;            } else {                name = true;            }        });        $("#xg").click(function() {            if (name && age) {                alert("符合格式");                $("form").submit();            }        });    });</script>
原创粉丝点击