关闭

ajax+springmvc+jquery用户登录验证

标签: htmlspringmvc用户登录
91人阅读 评论(0) 收藏 举报
分类:

html

 <form action="/SSM0626/user/register.action" id="myform" method="post">
    <div class="form-group">
    <label>用户名:</label>
    <input type="text" name="userName" id="username" class="form-control">
    <span id="span1"></span>
    </div>
    <div class="form-group">
    <label>密码:</label>
        <input type="password" name="userPassWord" id="password" class="form-control">
        <span id="span2"></span>
    </div>
    <div class="form-group">
    <label>权限:</label>
        <label class="radio-inline"><input type="radio" name="userPower" value="管理员">管理员</label>
        <label class="radio-inline"><input type="radio" name="userPower" value="普通用户">普通用户</label>
        <label class="radio-inline"><input type="radio" name="userPower" value="前台">前台</label>

    </div>
    <!--<input type="search" name="ttt" placeholder="搜索">-->
    <input type="submit" value="注册" class="btn btn-default" >
</form>

js代码-用于字符验证

 $(function(){
                //失去焦点blur
                var username_result = false;
                var userpwd_result=false;
                $("#username").blur(function(){
                    if($("#username").val() == ""){
                        $("#span1").html("username not null!!");
                        username_result = false;
                    }
                    else if(/^\w{6,30}$/.test($("#username").val()) ==false){
                        $("#span1").html("username 格式错误!!");
                        username_result = false;
                    }
                    else{
                        $("#span1").html("");
                        username_result = true;
                    }
                });
                $("#password").blur(function(){
                    if($("#password").val() == ""){
                        $("#span2").html("password not null!!");
                        userpwd_result = false;
                    }
                    else if(/^\w{6,30}$/.test($("#password").val()) ==false){
                        $("#span1").html("password 格式错误!!");
                        userpwd_result = false;
                    }
                    else{
                        $("#span1").html("");
                        userpwd_result = true;
                    }
                });
                //表单提交的时候
                $("#myform").submit(function(){
                    if(username_result == true){
                        return true;
                    }
                    else{
                        return false;
                    }
                });
            });
        </script>

ajax

$(function(){

            $("#username").blur(function(){
                var username_val=$("#username").val();
                $.ajax({
                    async:true,
                    data:{"username":username_val},
                    dataType:"text",
                    url:"/SSM0626/user/checkName.action",
                    error:function(xhr,status){
                        console.log(status);
                    },
                    success:function(data){
                        $("#span1").html(data);
                    }
                });
            });
        });

controller层

    //参数和data的key相同
    @RequestMapping("checkName.action")
    @ResponseBody
    //该方法的返回值是给ajax用的
    public String checkName(String username){
        boolean result=us.checkName(username);
        if(result==true){
            return "failure";
        }else{
            return "success";
        }
    }
0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:91次
    • 积分:10
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档