文档章节

jquery-validation + springmvc 表单验证

羞涩的胖子
 羞涩的胖子
发布于 2016/03/25 16:00
字数 205
阅读 116
收藏 0

    JSP 页面

    <script src="${pluginpath}/jquery1.11.3/jquery-1.11.3.min.js" type="text/javascript"></script>
    <!-- validation -->
    <script src="${pluginpath}/jquery-validation/jquery.validate.min.js" type="text/javascript"></script>
    <script src="${pluginpath}/jquery-validation/additional-methods.js" type="text/javascript"></script>
    <script src="${pluginpath}/jquery-validation/localization/messages_zh.min.js" type="text/javascript"></script>
    <link href="${pluginpath}/jquery-validation/jquery.validate.min.css"  rel="stylesheet" type="text/css"></link>


    <form action="${syspath}/login" method="post" target="_top" id="loginform">
    <input type="text" class="form-control" id="username" name="username">
    <input type="password" class="form-control" id="password" name="password" required="true">
    <input type="password" class="form-control" id="password1" name="password1" required="true"       equalTo="#password">
  <button type="submit">登录</button>
 </form>   


    <script type="text/javascript">
        $("#loginform").validate({
            rules:{
                    username:{
                        required:true,
                        async : false,
                        remote: '${syspath}/loginIdCheck'
                    }
           },
              messages: {
                    username: {
                        remote : "该用户名已存在"
                    },
                    password1: {
                        equalTo : '确认密码必须与密码相同'
                    }
                }
        });
    </script>


     后台springmvc controller

     //用户

     @RequestMapping("/loginIdCheck")
     public void getUserIdCheck(HttpServletRequest request, HttpServletResponse reponse) {
        //HttpUtil.getRequestToMap(request);

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

        try {

             //判断用户名是否唯一

            //只能输出 true false

            //reponse.getWriter().write(Boolean.FALSE+"");
            reponse.getWriter().write(Boolean.TRUE+"");
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

© 著作权归作者所有

羞涩的胖子
粉丝 0
博文 6
码字总数 1007
作品 0
西安
私信 提问
自定义jQuery插件Step by Step

自定义jQuery插件Step by Step 1.1.1 摘要 随着前端和后端技术的分离,各大互联网公司对于Mobile First理念都是趋之若鹜的,为了解决网页在不同移动设备上的显示效果,其中一个解决方案就是R...

wolf_su
2013/07/04
235
0
表单验证:nice Validator 与 jQuery Validation 对比

提要 最近,有人提到jQuery Validation Plugin,甚至有人怀疑 nice Validator 和 这个插件系同一个作者。我好想说,你太有想象力了-。-!jQuery Validation全程的鹰文,nice Validator 全程的...

JonyZhang
2013/08/02
4.2K
7
12 个 jQuery 的表单验证教程和插件

jQuery Form Validation 使用jQuery进行快速简单的表单验证教程 Advanced jQuery form validation jQuery plugin: Validation A jQuery inline form validation Adding Form Validation to ......

红薯
2011/11/21
4K
3
10 款高质量的 jQuery 表单验证插件

本文整理了几款高质量的jQuery表单验证插件,可以节约web开发者的时间。希望对你有帮助! 列表如下: 1) A Jquery Inline Form Validation 2) Form Validation Using Jquery 3) Using Jquery...

小卒过河
2011/06/28
110.4K
18
15 个非常有用的 jQuery 表单插件

有很多 jQuery 的表单插件。这里收集了其中15个是最有用的插件。 ALAJAX (Ajaxify your HTML form) 该插件可轻松将你的表单变成 Ajax 方式处理,阻止了提交动作,然后通过 Ajax 方式提交。 ...

oschina
2012/12/04
6.1K
13

没有更多内容

加载失败,请刷新页面

加载更多

Spring使用ThreadPoolTaskExecutor自定义线程池及实现异步调用

多线程一直是工作或面试过程中的高频知识点,今天给大家分享一下使用 ThreadPoolTaskExecutor 来自定义线程池和实现异步调用多线程。 一、ThreadPoolTaskExecutor 本文采用 Executors 的工厂...

CREATE_17
今天
5
0
CSS盒子模型

CSS盒子模型 组成: content --> padding --> border --> margin 像现实生活中的快递: 物品 --> 填充物 --> 包装盒 --> 盒子与盒子之间的间距 content :width、height组成的 内容区域 padd......

studywin
今天
7
0
修复Win10下开始菜单、设置等系统软件无法打开的问题

因为各种各样的原因导致系统文件丢失、损坏、被修改,而造成win10的开始菜单、设置等系统软件无法打开的情况,可以尝试如下方法解决 此方法只在部分情况下有效,但值得一试 用Windows键+R打开...

locbytes
昨天
8
0
jquery 添加和删除节点

本文转载于:专业的前端网站➺jquery 添加和删除节点 // 增加一个三和一节点function addPanel() { // var newPanel = $('.my-panel').clone(true) var newPanel = $(".triple-panel-con......

前端老手
昨天
8
0
一、Django基础

一、web框架分类和wsgiref模块使用介绍 web框架的本质 socket服务端 与 浏览器的通信 socket服务端功能划分: 负责与浏览器收发消息(socket通信) --> wsgiref/uWsgi/gunicorn... 根据用户访问...

ZeroBit
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部