`
uule
  • 浏览: 6351981 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

Jquery表单验证插件–Validform

 
阅读更多

Validform:

Jquery表单验证插件–Validform:一行代码搞定整站的表单验证!

Validform 官网

 

jquery.form.js:

jquery.form.js中的ajaxSubmit

 

1.

<script src="/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="/js/Validform_v5.3.2_min.js"></script>
<script src="/js/jquery.form.js"></script>

<form action="/union/saveJoin.do" method="post" id="form1" class="registerform">
	<table border="0" cellpadding="0" cellspacing="1" width="800" >	
		<tr>
			<td width="200" height="40" align="right" valign="middle" style="padding-right: 20px;">* 姓名 </td>
			<td width="600" valign="middle"><input class="shout" type="text" name="username" id="username" datatype="s2-12" errormsg="姓名至少2个字符,最多12个字符!" nullmsg="请填写姓名!" ></td>
		</tr>
		<tr>
			<td width="200" height="40" align="right" valign="middle" style="padding-right: 20px;">* 手机 </td>
			<td width="600" valign="middle"><input class="shout" type="text" name="mobile" id="mobile" datatype="m" errormsg="手机号码格式不正确!" nullmsg="请填写手机号码!"></td>
		</tr>
		<tr>
			<td width="200" height="40" align="right" valign="middle" style="padding-right: 20px;">* 邮箱 </td>
			<td width="600" valign="middle"><input type="text" name="email" id="email" datatype="e" errormsg="邮箱格式不正确!" nullmsg="请填写邮箱!"></td>
		</tr>
		<tr>
			<td width="200" height="40" align="right" valign="middle" style="padding-right: 20px;">* 身份证号 </td>
			<td width="600" valign="middle"><input type="text" name="idcard" id="idcard" datatype="*"  nullmsg="请填写身份证号!"></td>
		</tr>						
		
		<tr>
			<td width="200" height="60" align="right" valign="middle" style="padding-right: 20px;"> </td>
			<td width="600" valign="middle">
				<input class="btn" type="submit" value="提交资料">
			</td>
		</tr>
	</table>
	<span id="checkButton"></span>
</form>

 

JS :

$(function() {
	$(".registerform").Validform({
    	btnSubmit:"#checkButton",
    	tiptype:function(msg){
			if(msg != ''){
				showmsg(msg);
			}
		},
		tipSweep:true,
		beforeSubmit:function(){
			saveAccount();
			return false;
		}
	});
});

function saveAccount(){
	
	$("#form1").ajaxSubmit(function(data) {
		data = eval('(' + data + ')');
		if(data.code == 0){	
		}else if(data.code == -1){			
		}else{
			alert("系统繁忙,请稍后重试!");
		}
	 });
	
	return false;
}

 

...

 

分享到:
评论

相关推荐

    jquery 表单验证插件Validform插件制作一行代码搞定整站的jquery表单验证

    jQuery Validform是一款强大的表单验证插件,它以其简洁的API和高度可定制化的特点,在前端开发中广受欢迎。本文将详细介绍如何使用jQuery Validform插件来实现高效、灵活的表单验证。 **一、Validform简介** ...

    jQuery表单验证插件Validform

    **jQuery表单验证插件Validform** 在网页开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,防止错误数据的提交,提高用户体验并减轻服务器端的处理负担。jQuery是一个轻量级、高性能的...

    jquery表单验证插件Validform框架demo实例代码下载

    **jQuery表单验证插件Validform框架** Validform是一款基于jQuery的强大的表单验证框架,它专注于提供简单、高效、灵活的表单验证解决方案。在Web应用中,表单验证是必不可少的部分,它能确保用户输入的数据符合...

    jquery表单验证插件

    本篇文章将深度探讨“jQuery表单验证插件”,特别是Validform,一个被广泛认可且高效实用的验证工具。 Validform是一款基于jQuery的轻量级表单验证插件,其设计理念在于为开发者提供简单易用、功能全面的表单验证...

    jquery特效插件Validform制作一行代码搞定整站的表单验证

    Validform是基于jQuery的一个高效、强大的表单验证插件,它允许开发者通过一行简单的代码就能实现全站的表单验证。 Validform插件的亮点在于其高度可定制性和灵活性。它可以轻松地处理各种复杂的验证场景,如邮箱...

    jquery validate和validform验证插件的对比.pdf

    《jQuery Validate与Validform验证插件的对比分析》 在前端开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预期格式,从而提高用户体验和数据准确性。jQuery Validate 和 Validform 是两个广泛...

    jquery验证插件,脚本验证插件

    囊括11种常见的格式验证形式,如果这些类型还不够,可以方便的传入自定义datype...例如你给页面上的各form绑定同样的class名称"demoform",只需在页面上写上一句 $(".demoform").Validform(),各表单便会独立检测。

    jquery validate和validform验证插件的对比.docx

    **jQuery Validate 和 Validform 验证插件对比分析** 在前端开发中,表单验证是不可或缺的一部分,确保用户输入的数据符合预设的规则,提高用户体验并减少服务器端的压力。jQuery Validate 和 Validform 是两个广泛...

    表单验证插件Validform

    **表单验证插件Validform** Validform是一款广泛应用于前端开发中的强大表单验证插件,主要用于提升用户体验,确保用户输入的数据符合预设的规则,从而避免无效或错误的数据提交到服务器。它基于JavaScript和jQuery...

    jQuery表单验证插件解析(推荐)

    总的来说,jQuery表单验证插件Validform通过其丰富的验证类型和自定义验证功能,为开发者提供了强大的表单验证解决方案。它可以轻松地集成到项目中,帮助创建出更健壮、更用户友好的表单系统。无论是在企业级应用...

    Validform前端表单验证

    综上所述,Validform是一款强大且易于使用的前端表单验证工具,它提供的多种验证规则、自定义功能和集成的插件,极大地简化了开发者的表单验证工作,提升了用户交互体验。无论是在小型项目还是大型企业级应用中,...

    jquery表单验证

    Validform是一款强大的jQuery表单验证插件,其核心理念是将验证规则和提示信息绑定到每一个表单元素上,使得验证过程只需检查表单元素的值是否符合预设的验证条件。这种设计使得表单结构更加灵活,即使动态添加或...

    依赖于jQuery的表单数据验证工具

    在"validForm-master"这个压缩包中,很可能包含了一个完整的jQuery表单验证插件源代码,便于开发者在自己的项目中集成和定制。 在JavaScript开发中,表单验证通常涉及以下几个主要知识点: 1. **DOM操作**:jQuery...

    form.js表单验证插件

    因而找到一款强大、简洁、使用简单的通用验证方案就显得尤为迫切需要,而我编写的form.js就是这样的一款基于Jquery的表单验证插件,一把锋利而又小巧的刀,经过了累积至少60多个工作日的煅造以及无数个验证需求的...

Global site tag (gtag.js) - Google Analytics