`

jquery validate

    博客分类:
  • js
阅读更多
			function(){
				$("#register_company_admin_form").validate({
					rules:{
					"completeUserDTO.company.name" :"required",
					"completeUserDTO.company.address.address1": "required",
					"completeUserDTO.company.address.city": "required",
					"completeUserDTO.company.address.zipCode": "required",
					"completeUserDTO.company.siteShortName": "required",
					"completeUserDTO.company.siteUrl" : { required: true,url: true },
                    "completeUserDTO.company.siteLoginUrl" : { required: true,url: true }
				},
				messages: {
					"completeUserDTO.company.name" : "Please enter your Company Name.",
					"completeUserDTO.company.address.address1": "Please enter your Address.",
					"completeUserDTO.company.address.city": "Please enter your City.",
					"completeUserDTO.company.address.zipCode": "Please enter your ZipCode.",
					"completeUserDTO.company.siteShortName": "Please enter your Site Short Name.",
                    "completeUserDTO.company.siteUrl" : { required: "Please enter your Site Url.",url:"Please enter valid Site Url, start with http:// ."},
                    "completeUserDTO.company.siteLoginUrl" : { required: "Please enter your Site Login Url.",url:"Please enter valid Site Login Url, start with http:// ."}
				}
			});

 

 

 

form

<s:form id="register_company_admin_form"  action="xxx" method="post">
	  <div class="search-vin1">
			  	<div class="user-account"><ul><li>Create the third-party integration Client</li></ul></div>
				<div class="user-import">
					<div class="user-import-list1">
						<div class="user-content-left"><ul><li>Company Name:</li></ul></div>
						<div class="user-content-left1"><ul><li>*</li></ul></div>
						<div class="user-input-from"><s:textfield name="completeUserDTO.company.name" /></div>
					</div>
 

 

errorPlacement:Callback

Default: 把错误信息放在验证的元素后面
指明错误放置的位置,默认情况是:error.appendTo(element.parent());即把错误信息放在验证的元素后面
errorPlacement: function(error, element) { 
    error.appendTo(element.parent()); 
}

 

 

错误的时候会默认在input 元素后面生成

 

<label for="register_company_admin_form_completeUserDTO_company_name" generated="true" class="error">Please enter your Company Name.</label>

 

 

 

 

 

分享到:
评论

相关推荐

    jquery validate 信息气泡提示

    在网页开发中,jQuery Validate 是一个非常常用的验证插件,用于对用户输入的数据进行校验,确保数据的有效性和完整性。这个插件可以帮助开发者创建复杂的表单验证规则,提高用户体验,减少服务器端的压力。结合 ...

    jquery validate例子

    《jQuery Validate插件详解与实例应用》 在Web开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,提高数据的准确性和安全性。jQuery Validate是一个强大的JavaScript库,专为jQuery设计...

    jquery validate依赖包及其帮助文档.rar

    《jQuery Validate插件详解与应用指南》 在Web开发领域,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,从而提高数据的准确性和系统的稳定性。jQuery Validate是一个强大的JavaScript库,专...

    jquery validate 表单验证

    首先,`jquery.js`是jQuery的核心库,它是jQuery Validate的基础,没有它,我们无法使用jQuery Validate。确保引入了最新的jQuery版本,以便利用其强大的DOM操作和事件处理能力。 其次,`myvalidate.js`可能是你...

    jQuery Validate 1.1.2

    jQuery Validate 是一个强大的JavaScript库,专门用于前端表单验证,由jQuery团队开发并维护。它极大地简化了在网页上创建高效、用户友好的验证规则的过程,避免了开发者编写大量重复的验证代码。jQuery Validate ...

    jquery validate 验证自定义样式

    在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式,但这些样式可能不能满足所有设计...

    jquery validate默认错误提示显示位置修改

    ### 修改jQuery Validate默认错误提示显示位置 在网页开发过程中,表单验证是非常重要的一个环节,它不仅能够提高用户体验,还能确保数据的有效性和安全性。jQuery Validate插件是实现表单验证功能的一个强大工具,...

    jquery validate 验证手册

    《jQuery Validate验证手册》是针对JavaScript库jQuery的一个插件,主要功能是提供强大的表单验证功能,帮助开发者创建用户友好的、功能丰富的交互式表单。这个插件基于jQuery库,利用JavaScript的强大功能,简化了...

    jquery validate 使用详解

    ### jQuery Validate 插件使用详解 #### 一、概述 jQuery Validate 是一款强大的表单验证插件,基于 jQuery 框架开发而成。它能够帮助开发者轻松实现客户端表单验证功能,大大提高了用户体验并减少了服务器端的...

    解决jquery validate remote 为什么只验证一次

    解决jquery validate remote 只验证一次的问题

    jQuery Validate插件验证表单小练

    jQuery Validate 插件是Web开发中广泛使用的工具,主要用于实现前端表单验证,它极大地简化了用户输入数据的检查过程,提供了丰富的验证规则和自定义方法。在这个“jQuery Validate插件验证表单小练”中,我们将深入...

    jQuery validate 自定义样式、规则

    jQuery Validate 是一个非常流行的JavaScript库,用于在网页表单中进行验证。这个库极大地简化了对用户输入数据的检查,确保在提交之前满足特定的业务规则。在本篇博文中,我们将深入探讨如何自定义jQuery Validate...

    jquery validate的漂亮css样式验证

    `jQuery Validate`是一个非常流行的JavaScript库,用于在前端进行表单验证。这个库极大地简化了对用户输入数据的检查,确保它们符合特定的规则和格式。`jQuery Validate`结合自定义CSS样式,可以让表单验证既实用又...

    jQuery validate框架的个性化验证

    jQuery Validate 是一个强大的客户端验证插件,用于在用户提交表单前进行实时验证。这个框架大大简化了HTML表单的验证过程,提供了丰富的内置验证规则和可扩展的自定义验证功能,使得表单验证更加人性化和高效。 1....

    Jquery Validate修改版

    《jQuery Validate修改版:提升表单验证体验》 在网页开发中,用户输入的验证是不可或缺的一环,它能够确保用户提交的数据符合预期,避免无效数据的产生,从而提高用户体验和服务器端处理效率。jQuery Validate插件...

    jquery validate配合struts2简单整改

    《jQuery Validate与Struts2整合应用详解》 在Web开发中,前端验证用户输入的数据是必不可少的一环,jQuery Validate插件就是一款强大的JavaScript验证工具,它可以帮助我们方便地实现表单验证。与此同时,Struts2...

    关于jquery validate plugin 指定需要验证对象解决方案

    《关于jQuery Validate Plugin指定需要验证对象的解决方案》 在Web开发中,表单验证是必不可少的一环,确保用户输入的数据符合预设的规则。jQuery Validate Plugin是一款强大的客户端表单验证插件,它使得这一过程...

    jquery validate表单验证插件制作注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单,进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库,它为HTML表单提供了灵活且易于使用的验证规则,确保用户输入...

    jQueryValidate.rar

    《jQuery Validate插件详解及其应用》 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,提高了用户体验并减少了服务器端的负担。jQuery Validate插件是实现这一功能的强大工具,它...

Global site tag (gtag.js) - Google Analytics