关闭

ajax+springmvc+jquery用户登录验证

标签: htmlspringmvc用户登录
313人阅读 评论(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
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

spring mvc+spring+mybatis+ajax实现登录验证

Spring Mvc+Spring+Mybatis+Ajax 实现异步登录的例子,和大家分享一下。login.js代码:$(document).ready(function(){ $("#...
  • yikong2yuxuan
  • yikong2yuxuan
  • 2015-12-25 13:49
  • 10150

SSM框架下的二手教材交易系统之用户登录(包括表单提前验证,ajax)

用户登录的逻辑: 1.用户填写用户名后,先检验该用户名是否在数据库中存在(用户名唯一),若不存在,则页面显示不存在,需重新输入;若存在,输入密码后验证密码是否正确。 2.验证验证码是否正确。 3...
  • sinat_28312475
  • sinat_28312475
  • 2016-09-27 21:44
  • 858

SpringMVC+JSON+mybatis+jQuery+Ajax+Maven做的无刷新登录,注册,修改密码以及校验并且赋有详细注释,以及增删改查功能

  • 2014-09-30 15:55
  • 1.50MB
  • 下载

SSM框架---二手教材交易系统之用户登录(包括表单提前验证,ajax)

用户登录的逻辑:  1.用户填写用户名后,先检验该用户名是否在数据库中存在(用户名唯一),若不存在,则页面显示不存在,需重新输入;若存在,输入密码后验证密码是否正确。  2.验证验证码是否正确。 ...
  • yuexianchang
  • yuexianchang
  • 2016-11-23 09:12
  • 3842

人事管理系统(注解 Mybatis+Spring+Spring MVC框架整合AJAX+JQuery实现登录、注册以及验证码和验证注册用户信息,包括数据库备份)

  • 2017-09-06 15:37
  • 64.68MB
  • 下载

jquery ajax验证用户名是否存在(后台spring mvc)

点击打开链接 controller层 [java] view plaincopy @ResponseBody   @RequestMapping(value = "/us...
  • shabixxx
  • shabixxx
  • 2015-01-19 14:30
  • 457

SpringMVC数据验证——注册用户格式的验证实例

服务器端的数据验证,对于一个WEB应用来说是非常重要的,而Spring从3.0开始支持JSR-303规范,它定义了一些标准的验证约束,同时也提供了一个可扩展的自定义方式来满足不同的开发需要,大象以SS...
  • Evankaka
  • Evankaka
  • 2015-05-17 16:05
  • 10045

jquery ajax验证用户名是否存在(后台spring mvc)

controller层 @ResponseBody @RequestMapping(value = "/user/isExist", produces = "application/json...
  • lin062854
  • lin062854
  • 2014-03-27 16:38
  • 12315

springmvc+jquery+ajax实现异步用户名验证

springmvc,jquery,ajax
  • diu_brother
  • diu_brother
  • 2015-09-08 20:55
  • 4725

springmvc+jquery+ajax实现异步用户名验证

springmvc,jquery,ajax
  • diu_brother
  • diu_brother
  • 2015-09-08 20:55
  • 4725
    个人资料
    • 访问:336次
    • 积分:23
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档