`

jquery校验信息追加到指定的位置

阅读更多
$("#loginName").focus();
$("#form1").validate({
rules: {
loginName: {
required: true,
            minlength: 6,
            maxlength: 16,
   
remote:{
type : "post",
        url  : "../IsUserExistServlet",
data: {
                 loginName: function() {
                    return $("#loginName").val();
                 }
            }
}
},
email: {
required: true,
email:true,
remote:{
type : "post",
        url  : "../IsEmailExistServlet",
data: {
                 email: function() {
                    return $("#email").val();
                 }
            }
}
}},
messages: {
loginName: {remote: "用户登录名已存在"},
email: {remote: "该邮箱已经被注册"},
confirmNewPassword: {equalTo: "输入与上面相同的密码"}
},
errorPlacement: function(error, element) { 
                           //错误信息位置设置方法 
error.appendTo(element.parent().next() );                            //这里的element是录入数据的对象 
}
,
submitHandler: function(form){

form.submit();
}
});
分享到:
评论

相关推荐

    超实用的jQuery代码段

    4.8 如何添加hover类到指定元素 4.9 基于URL地址为导航链接添加class样式 4.10 如何延迟添加class类 4.11 如何延迟清除class类 4.12 动态调整页面的字体大小 第5章 jQuery实现用户输入自动完成功能 5.1 最简单的...

    jquery validate 支持验证name重复的表单

    在项目中经常遇到,表单...如果用jquery validator ,它只支持验证第一个input,后面的name相同的input不会被验证,怎么办呐?经过研究源码,提出了解决办法。 基于jQuery Validation Plugin - v1.14.0 - 6/30/2015改造

    50个必备的实用jQuery代码段

    1. 如何创建嵌套的过滤器: 3 ...47. 如何使用jQuery来为事件指定命名空间: 12 48. 如何检查cookie是否启用 12 49. 如何让cookie过期: 12 50. 如何使用一个可点击的链接来替换页面中任何的URL 12

    javascript和jquery分别实现用户登录验证

    在上一篇文章//www.jb51.net/article/83504.htm中,用javascript实现了用户验证,但并没有对密码进行验证,这次追加了这个功能,并分别用javascript和jquery实现。 一.用jquery的ajax实现的关键代码 实现如下 /*...

    【JavaScript源代码】jQuery+ajax实现文件上传功能.docx

    jQuery+ajax实现文件上传功能  jQuery+ajax实现文件上传功能(显示文件上传进度),供大家参考,具体内容如下 具体实现步骤 1、定义UI结构,引入bootstrap的CSS文件和jQuery文件 2、给上传按钮绑定点击事件 3、验证...

    jquery基础教程高清版PDF.part5.rar

    第1章 jQuery入门   1.1 jQuery能做什么   1.2 jQuery为什么如此出色   1.3 第一个jQuery文档   1.3.1 下载jQuery   1.3.2 设置HTML文档   1.3.3 编写jQuery代码   1.4 小结  第2章 选择符...

    Jqury基础教程

    5.3.1 标注、编号和链接到上下文 5.3.2 插入脚注 5.4 包装元素 5.5 复制元素 5.5.1 连同事件一起复制 5.5.2 通过复制创建突出引用 5.5.3 通过CSS使突出引用偏离正文 5.5.4 回到代码中 5.5.5 修饰突出引用 ...

    jQuery EasyUI NumberBox(数字框)的用法

    例如:金额输入框 最大值为“99999.99” 精确到两位小数。 <input name=”money” id=”money” type=”text” class=”easyui-numberbox” precision=”2″ max=”99999.99″ size=”8″ maxlength=”8″ style...

    jquery Easyui Datagrid实现批量操作(编辑,删除,添加)

    有时候我们的后台系统表单比较复杂,做过...2.追加的行可以是任何位置 3.可以随时进行编辑任意位置的行 4.保存再统一验证 实现 在原有的rowediting.html进行修改! 第一:修改行的点击事件(点击行的时候进入编辑状态

    jeecg-framework-v2.0 (最新源码)

    JEECG智能框架可以有效解决信息孤岛问题,生成统一代码、统一规范、统一设计思路,使你能在这个平台上,快速开发出高效高质量代码,缩短项目开发周期。 为什么选择JEECG? 1.采用主流框架,容易上手;采用零配置思想,...

    JEECG快速开发平台 v4.0

    技术点七:UI快速开发库,针对WEBUI进行标准封装,页面统一采用UI标签实现功能:数据datagrid,表单校验,Popup,Tab等,实现JSP页面零JS,开发维护非常高效 技术点八:在线流程定义,采用开源Activiti流程引擎,...

    JEECG快速开发平台-其他

    JEECG功能特点:1、采用SpringMVC+Hibernate+Minidao(类Mybatis)+Easyui(UI库)+Jquery+Boostrap+Ehcache+Redis+Ztree+Vue+Boostrap-table+ElementUI等基础架构2、采用面向声明的开发模式,基于泛型编写极少代码即可...

Global site tag (gtag.js) - Google Analytics