`
sakakokiya
  • 浏览: 507401 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何用JQuery进行表单验证?

阅读更多
可以使用jQuery的插件-jQuery-validate表单验证插件来进行表单验证
例子:
$(”#form”).validate({
//验证规则
rules:{
author:{
required:true,//必需非空字段
minlength:2     //长度至少两字节
},
email:{
required:true,
email:true     //此字段为邮件地址
},
url:{
required:false,
url:true    //此字段为网址
},
content:{
required:true,
minlength:4
}
},
//错误消息
messages:{
author: {
required: ‘用户名必须填写',
minlength:  jQuery.format(”名称至少{0}两个字节”)
},
email: {
required: ‘邮箱必须填写,做为联系方式',
email: ‘邮箱格式不正确'
},
content: {
required: ‘网址必须填写',
minlength: jQuery.format(”名称至少{0}两个字节”)
}
},
submitHandler: function(form) {
//ajax提交表单,需要jQuery.Form插件
$(form).ajaxSubmit({
dataType:'json',
success:function(res){
if(res.success){
$('.ajaxsubmit').html('发表成功!').addClass('ok');
$('textarea').val(”);
$('#comments').prepend(res.msg);
}else
$('.ajaxsubmit').html(res.msg).addClass('fail');
}
});
return false;
},
errorPlacement:function(error, element) {
//放置错误提示消息的Element
error.appendTo(element.parent().find('b'));
},
errorClass:'fail',//错误消息样式
highlight: function(element, errorClass) {
//黄褪显示错误字段,需要jQuery.Highlight插件
$(element).highlightFade({color:'yellow',speed:1000,iterator:'exponential'})
}
});
分享到:
评论

相关推荐

    Java Web Jquery表单验证

    Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1...

    JQuery实现表单验证

    以下是使用JQuery进行表单验证的基本步骤: 1. **选择器与DOM操作**:利用JQuery的选择器,如`$("#myForm")`,选取表单元素,然后使用`.find()`或直接使用类名、ID等选择表单字段,如`$("#username"), $("#email")`...

    jquery表单验证插件

    本文主要针对“jquery表单验证插件”进行详细介绍,并通过示例代码展示其使用方法。 #### 二、jQuery Form插件介绍 jQuery Form插件由Malsup开发,是一款非常实用的jQuery扩展,能够极大地简化表单的Ajax提交过程。...

    表单验证jquery插件

    jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...

    jquery validate 表单验证

    以上就是jQuery Validate的基本使用和核心概念,通过熟练掌握这些,你可以轻松实现高效且用户友好的表单验证。记住,始终要关注用户体验,避免过于繁琐的验证过程,同时确保数据安全性和准确性。

    jQuery表单验证大全

    《jQuery表单验证详解》 在Web开发中,表单验证是不可或缺的一部分,它能确保用户输入的数据符合预设的规则,从而保护服务器免受不合法数据的影响,提高用户体验。jQuery,作为一款广泛使用的JavaScript库,提供了...

    Jquery表单验证特效示例

    综上所述,"Jquery表单验证特效示例"涵盖了使用jQuery进行表单验证的基本原理、常见规则、自定义规则和视觉反馈。通过学习和实践这些示例,开发者能够创建出既有实用性又有吸引力的表单验证机制,从而提高网站或应用...

    jquery validate表单验证插件手机注册表单验证代码

    jQuery Validate插件作为一款强大的JavaScript验证工具,广泛应用于各种表单验证场景,包括手机注册表单验证。本文将深入探讨jQuery Validate插件的使用方法,以及如何将其应用于手机注册表单的验证。 一、jQuery ...

    基于jquery框架,采用jQuery formValidator表单验证插件。

    基于jquery框架,采用jQuery formValidator表单验证插件。

    jquery form 表单验证神器

    jQuery Form 验证插件充分利用了jQuery的优势,使得开发者可以通过简单的API调用来实现复杂的表单验证功能。 **HTML**(HyperText Markup Language)是网页制作的基础,而**form**元素则是HTML中的表单标签,用于...

    如何用JQuery进行表单验证.pdf

    如何使用 jQuery 进行表单验证 在 Web 开发中,表单验证是一个非常重要的步骤,旨在确保用户输入的数据的正确性和有效性。jQuery 是一个非常流行的 JavaScript 库,提供了许多有用的功能来简化 Web 开发。下面,...

    jquery表单验证实例网站会员注册表单验证提交form表单代码

    jQuery作为一个强大的JavaScript库,提供了简单易用的API来进行表单验证。本实例将深入探讨如何利用jQuery实现网站会员注册表单的验证,并在用户提交form表单时进行有效控制。 首先,我们需要理解jQuery的核心概念...

    jQuery用户注册表单验证代码

    总之,jQuery提供了强大的工具来简化表单验证的实现,通过结合DOM操作、事件处理和正则表达式,我们可以创建出功能完善、用户体验良好的用户注册表单。这个小项目可以帮助你深入理解这些概念,并实践在实际项目中。

    jquery表单验证代码百度注册页面表单验证

    以上就是使用jQuery进行表单验证的基本知识,对于“百度注册页面”这样的应用场景,这些技巧将确保收集到的用户数据准确且有效。通过深入理解和实践,开发者可以创建出更健壮、更友好的注册流程。在压缩包中的文件...

    jquery表单验证特效

    "jquery表单验证特效"这个主题涉及到使用jQuery进行表单验证,这是一种提高用户体验的有效方式,通过实时验证用户输入的数据,确保其正确性和完整性,避免提交无效或错误的信息。 表单验证通常是网页应用程序不可或...

    如何用JQuery进行表单验证.docx

    在本文中,我们将探讨如何使用 JQuery 进行表单验证,并且介绍了 JQuery-validate 插件的使用方法。同时,我们还将讨论 AJAX 技术在表单验证中的应用。 一、AJAX 技术简介 AJAX(Asynchronous JavaScript and XML...

    Jquery超强验证表单

    jQuery表单验证插件** jQuery有许多优秀的表单验证插件,例如jQuery Validation Plugin。这个插件提供了丰富的验证规则和自定义错误消息功能。通过简单的配置,可以实现各种复杂的验证需求。 **4. 验证规则** - **...

    jQuery滑动表单验证效果.zip_jQuery滑动表单验证效果

    "jQuery滑动表单验证效果"是一个示例项目,旨在展示如何利用jQuery实现动态、互动的验证反馈,为用户带来更流畅的表单填写体验。 在这个项目中,"FancySlidingForm"可能是主要的HTML文件,包含了表单的结构和样式。...

Global site tag (gtag.js) - Google Analytics