使用juery使用ajax实现用户注册时的验证

首先需要在jsp页面中加入juery:在jsp中头插入

<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>

jsp页面代码：

<div class="huiyuan_zc">
<div class="zhuce_1">用户注册</div>
<div class="zhuce_2">
<form action="" method="post" id="myform">
<div class="zhuce_left">
<div class="yhm_zc">用户名：   <input type="text" name="loginname"  class="zc_wbk" /></div>
<div class="yhm_zc">输入密码：<input type="password" name="password"  class="zc_wbk" /></div></form>
<div class="zhuce_tjxx"><a href="#" class="aaa" style="text-decoration: none;"><input name="" type="button"></a></div>
</div>
</div>
</div><!--会员注册结束-->
<script type="text/javascript">  $(document).ready(function(){  $(".aaa").click(function(){  $.ajax({  type:'post',  url:'${ctx }/admin/register',  data:$("#myform").serialize(),  cache:false,  dataType:'json',  success:function(data){if(data=='1'){alert("用户名已存在！");window.location.reload();}else if(data=='2'){alert("注册成功！");window.location.href = "http://localhost:8080/shangcheng/user/denglu";}}  });  });
});  </script>

需要在后台接收form表单数据：

如果是在servlet中：

String username = request.getParameter("username");
String password = request.getParameter("password");

如果在ssm框架中直接接收即可

随后进行验证，先查看是否有相同的用户名，有就返回并提示用户名已存在，没有就添加并提示已注册成功！代码如下：

@RequestMapping(value="/admin/register")
     public void register(HttpServletRequest req, HttpServletResponse resp,@RequestParam("loginname") String loginname,@RequestParam("password") String password,) throws IOException{

        User user1=hrmService.findUserByName(loginname);

        if(user1!=null){

            int result=1;
            resp.getWriter().write(result+"");
        }else{
                User user=new User();user.setLoginname(loginname);user.setPassword(CreateMD5.getMd5(password));    hrmService.addUser(user);   int result=2;
            resp.getWriter().write(result+"");           }
    }

使用juery使用ajax实现用户注册时的验证相关推荐

AJAX编写用户注册实例及技术小结
这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击"检查",就向服务器发出请求,然后等待--服务器返回信息,继续操作 ...
ajax异步传输数据时return返回总是undefined（转载）
写ajax传送数据时,需要用到异步,如上代码即总会返回undefined,很是费解.各种方式调试,后来广阅网上博客 ,发现其实很多人遇到过这样的问题,大家都说原因是Jquery的ajax是异步,大多时 ...
用正则表达式验证php用户注册系统,php用户注册时常用的检验函数实例总结
本文实例总结了php用户注册时常用的检验函数.分享给大家供大家参考.具体分析如下: php用户注册时常用的一些常用检验函数总结,包括有检测提交的数据是否符合用户名格式,检测参数的值是否相同,检测参数是 ...
ajax跨域时使得后台的sessionid不断地的变化，以及layui表格支持跨域的方法，java
java+ajax跨域sessionid不断变化由于实现一个功能,需要实现一个在过滤器中使用session的程序, 结果在前端使用ajax访问后台时,后台一直不能获取session存的值,导致了某一 ...
怎么测试ajax get请求,为什么我的AJAX在运行测试时请求dev中的PUT请求，但请求了GET请求？...
在我的Rails应用程序中,我制作了一个AJAX PUT请求(使用Coffeescript),该请求在我的开发环境中正常工作.当我检查按钮,点击后,会触发使用Firefox的AJAX请求时,它看起来是 ...
TP框架中ajax post请求时提示404
ajax post请求时提示404错误 TP框架中ajax post请求时提示404 找了半天是控制器中方法有错误! 下次再遇到去控制器方法中找一步一步找,肯定能找到,我是单词拼错了! 转载于:ht ...
(vue)在ajax获取数据时使用loading组件不起作用
问题描述: 在用ajax获取数据时页面没有变化,想用一个loading图标在获取数据时显示,获取完成后隐藏整个系统用到了vue框架,在执行sure方法时调用ajax函数 sure() {conso ...
ajax type是get请求,jQuery的Ajax请求数据时type无法使用GET
写一个ASP.NET MVC例子,它是使用jQuery的$.Ajax来呼叫控制器的数据. 创建一个视图: 运行结果: 一切正常,但是本例子我们只是获取数据,并没有做任何数据POST上传至控制器,我们尝 ...
【django】用户注册时短信验证码校验、避免频繁发送短信验证码【17】
注册时短信验证后端逻辑 class CheckSMScodeView(View):def get(self,request,phone):'''用户注册时短信验证码的校验功能:param reques ...

使用juery使用ajax实现用户注册时的验证

首先需要在jsp页面中加入juery:在jsp中头插入

jsp页面代码：

需要在后台接收form表单数据：

如果是在servlet中：

随后进行验证，先查看是否有相同的用户名，有就返回并提示用户名已存在，没有就添加并提示已注册成功！代码如下：

使用juery使用ajax实现用户注册时的验证相关推荐

最新文章

热门文章