`

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 Validate表单验证深入学习

    默认情况下,错误信息会被追加到验证元素的父元素后面。但开发者可以通过重写`errorPlacement`函数来自定义这个行为。例如,针对单选按钮和复选框,可以将错误信息放置在不同位置,以适应页面布局和用户体验。 通过...

    jquery.validate提示错误信息位置方法

    在常规的使用中,如果未指定错误信息的显示位置,jQuery Validate插件默认会将错误提示信息放置在验证的输入元素之后。但有时候为了界面的整体美观和用户体验,我们可能需要改变错误信息的位置,这时就需要使用`...

    jquery快递单信息.rar_jquery快递单信息

    开发者可能首先会定义一个HTML结构,包含快递单所需的各项输入字段(如收件人姓名、电话、地址等),然后使用jQuery来处理用户输入、验证数据、发送Ajax请求到服务器,以及展示反馈信息。Ajax是jQuery的一个重要功能...

    jquery 实例 经典呀

    6. **插件扩展**: jQuery 社区提供了大量插件,如 jQuery UI 用于创建交互式用户界面,或者 jQuery Validation 插件用于表单验证。 7. **链式操作**: jQuery 方法返回的始终是 jQuery 对象,这使得链式调用成为可能...

    jquery-1.7.2.js 、jquery-1.7.2.min.js 【官方jquery包 js】

    8. **插件生态**:jQuery的生态系统繁荣,拥有大量的第三方插件,覆盖了从表单验证到图表绘制的各种需求,极大地扩展了其功能。 总结,jQuery 1.7.2版本以其高效、易用和全面的特性,成为前端开发的重要工具。无论...

    jquery-validation 支持 自定义错误样式

    上述代码将错误信息追加到输入元素的父元素中。 ### 5. 验证成功回调与成功样式 当输入数据验证成功时,可以通过`success`回调函数定义成功样式: ```javascript $.validator.setDefaults({ success: function...

    jQuery动态追加页面数据以及事件委托详解

    这个过程可以通过jQuery的`.load()`方法来实现,它允许从服务器端获取数据,然后将其追加到页面的指定元素中。如示例中提到的加载1.html等文件内容到页面的指定容器里。 其次,事件委托是一种利用事件冒泡原理来...

    jQuery 3.3.1 api docs 中文手册 [chm]

    jQuery 提供了丰富的DOM操作方法,如`append()`在元素内部追加内容,`prepend()`在元素内部前置内容,`remove()`删除元素,`clone()`复制元素,以及`html()`, `text()`, `val()`等用于获取或设置元素内容的方法。...

    jQuery经典例子大全

    jQuery拥有丰富的插件生态系统,如`jQuery UI`提供了丰富的用户界面组件,`Bootstrap`框架整合了jQuery和CSS样式,`jQuery Validate`用于表单验证。这些插件扩展了jQuery的功能,使得开发更为便捷。 8. **特效...

    完整,jquery考试题借鉴.pdf

    3. 要追加到指定元素的末尾,可以使用 append() 或 appendTo() 方法。 4. 通过 hidden 选择器可以找到表单元素中的 hidden 元素。 5. contains() 方法可以用来匹配包含文本的元素。 6. 使用 eq() 方法可以快速找到...

    jQuery2.1.3

    jQuery的生态系统丰富,拥有众多高质量的插件,如jQuery UI(提供更丰富的UI组件),Bootstrap(前端框架),jQuery Validation(表单验证)等。这些插件极大拓展了jQuery的功能,满足了各种复杂应用场景的需求。 ...

    jquery

    5. **动画效果**:jQuery的`.animate()`方法可以创建平滑的动画效果,如改变元素的位置、大小或透明度。 6. **Ajax交互**:jQuery的`.ajax()`方法简化了异步数据请求,`.get()`和`.post()`是其简化版,可以快速实现...

    jqueryAPI jquery使用文档

    jQuery 社区有大量的插件可供扩展功能,如表单验证、轮播图、时间选择器等。开发者可以通过 `$.fn.extend()` 创建自己的插件。 以上只是jQuery API 的冰山一角,实际上它还包含更多实用的功能,如遍历、数据绑定、...

    jquery框架

    jQuery拥有庞大的生态系统,许多优秀的插件如jQuery UI(用于创建用户界面)、jQuery Validation(表单验证)等,扩展了其功能。同时,许多现代前端框架如Angular、React和Vue等虽然不依赖jQuery,但它们的某些设计...

    jquery api中文版

    4. **`.load()`**: 用于加载远程HTML内容到指定元素。 **三、jQuery扩展与插件** jQuery社区提供了大量的插件,如表单验证、轮播图、日期选择器等。通过`$.fn.extend()`可以创建自定义的插件,增强jQuery的功能。 ...

    jQuery1.8.3开发手册

    `$.load()`则能直接将服务器返回的内容插入到指定元素中。 6. **链式操作**:jQuery的方法返回的是jQuery对象,这使得方法调用可以链式进行,如`$(element).addClass("highlight").css("color", "red")`,一次操作...

    jquery-3.6.0.min.zip

    7. **插件生态**:jQuery拥有庞大的插件生态系统,如Bootstrap、jQuery UI等,它们扩展了jQuery的功能,涵盖了表单验证、日期选择器、轮播图等多种应用场景。 8. **兼容性**:jQuery致力于跨浏览器兼容性,使得...

    jquery脚本

    这个特效或插件可能涉及网页的滚动效果、下拉菜单、轮播图、弹出框、表单验证等多种应用场景,展示了jQuery在实现复杂网页交互上的强大能力。在实际使用中,开发者可以根据需要将这些特效或插件引入到自己的项目中,...

    jQueryAPI(附源码)

    jQuery 社区开发了大量的插件,用于增强其功能,如表单验证、轮播图、日期选择器等。通过`.pluginName()`形式调用,例如 `$("#slider").carousel()`。 ### 7. 源码分析 在jQuery 1.3的源码中,可以看到其封装了...

    jQuery操作手册及源码

    jQuery 社区提供了大量插件,如 Bootstrap、jQuery UI 等,它们扩展了jQuery的功能,涵盖了表单验证、日期选择器、轮播图等多种功能。 **7. jQuery 源码分析** 深入理解jQuery源码有助于提升JavaScript技能。主要...

Global site tag (gtag.js) - Google Analytics