jQuery技术

JQuery表单验证插件jQuery.validate.js

字号+ 作者:H5之家 来源:H5之家 2016-11-13 14:00 我要评论( )

今天把 jquery.validate.js 下载下来,看了下它给的demo。现在来总结下笔记。 jquery.validate.js 官网下载: http://bassistance.de/jquery-plugins/jquery-plu

今天把 jquery.validate.js 下载下来,看了下它给的demo。现在来总结下笔记。

jquery.validate.js 官网下载:

在上面可以下载到它的例子程序和js脚本

说明:本人看了下例子程序,有什么不对的请大家指正。谢谢!

使用它验证表单有2中方式:

1.使用它内部定义好的验证(也就是错误提示它已经定义好了。不需要我们再定义,这种方便,简单。但不灵活。)

2.自定义错误提示,这种可以自己定义错误提示。需要写的代码就相对较多了。

实例1、使用jquery验证定义好的错误提示。

一。我们先建一个表单,什么验证也没有的一个表单。

Copy to Clipboard引用的内容:[]

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="jquery_asp.net._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="" >
<head runat="server">
<title>jquery validate </title>
</head>
<body>
<form id="commentForm" method="get" action="">
<fieldset>
<legend>请输入你的姓名,电子邮件和网址,以及你的评论</legend>
<p>
<label for="cname">姓名(必填,并2个字符)</label>
<input id="cname" name="name" />
<p>
<label for="cemail">电子邮件 (必填)</label>
<input id="cemail" name="email" />
</p>
<p>
<label for="curl">网址 (可选)</label>
<input id="curl" name="url"value="" />
</p>
<p>
<label for="ccomment">你的评论 (必填)</label>
<textarea id="ccomment" name="comment"></textarea>
</p>
<p>
<input type="submit" value="提交"/>
</p>
</fieldset>
</form>
</body>
</html>

2.添加验证

现在我们来添加验证。

1.引入jquery脚本

<script type="text/javascript" src=""></script>
<script src="" type="text/javascript"></script>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery实现AJAX插件

    jQuery实现AJAX插件

    2016-09-21 13:00

  • jquery Select2 学习笔记之中文提示

    jquery Select2 学习笔记之中文提示

    2016-09-15 12:00

  • 学习使用jquery iScroll.js移动端滚动条插件

    学习使用jquery iScroll.js移动端滚动条插件

    2016-09-04 13:01

  • jquery.hotkeys监听键盘按下事件keydown插件

    jquery.hotkeys监听键盘按下事件keydown插件

    2016-09-03 13:00

网友点评
x