<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script src="lib/jquery.validate.js" type="text/javascript"></script>
<script src="lib/jquery.metadata.js" type="text/javascript"></script>
<style type="text/css">
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#commentForm").validate({meta: "validate"});
});
</script>
</head>
<body>
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<legend>一个简单的验证带验证提示的评论例子</legend>
<p>
<label for="cusername">姓名</label>
<em>*</em><input id="cusername" name="username" size="25" class="{validate:{required:true, minlength:2}}" />
</p>
<p>
<label for="cemail">电子邮件</label>
<em>*</em><input id="cemail" name="email" size="25" class="{validate:{required:true, email:true}}" />
</p>
<p>
<label for="curl">网址</label>
<em> </em><input id="curl" name="url" size="25" value="" class="{validate:{url:true}}" />
</p>
<p>
<label for="ccomment">你的评论</label>
<em>*</em><textarea id="ccomment" name="comment" cols="22" class="{validate:{required:true}}" ></textarea>
</p>
<p>
<input class="submit" type="submit" value="提交"/>
</p>
</fieldset>
</form>
</body>
</html>
分享到:
相关推荐
[使用方法:] 1. 将WinValidator.dll引入到项目中; 2. 将WinValidator文件夹拷贝到web项目的根目录下; 2. 在.cs文件中加入引用using WinValidator; 3. 在Page_Load事件中插入如下代码: WinVal validtor = new ...
一个Ajax表单检测验证实例,在不刷新网页的情况下对表单中的各个输入项进行检查,并显示出错误提示,在众多ajax表单中,本示例并不是最复杂的,因此对于学习研究类似表单的实现方法很有参考价值。ajax无刷新表单验证...
AJAX实现注册验证的例子 基础的AJAX 、适合 初学者学习 。注释很详细。
该函数库提供许多函数库,就不一一列举了,这里举几个代表性的函数例子加以解释说明,先介绍一个频率用的最多的函数,如函数verifyAll,定义如下: function verifyAll(myform) {…………..} 参数myform指代验证的...
下面是关于 HTML 数字计算和机器人验证测试的设计步骤: 对于数字计算的设计步骤 创建一个包含两个数字的算术表达式,使用 ...以下是一个简单的例子,展示了如何使用 HTML、CSS 和 JavaScript 创建数字计算的表单:
1、validate.min.js 表单验证,自定义规则,自定义中文错误提示 2、formdata 表单文件上传 3、文件上传获取缩略图 FileReader
jquery 表单验证实例,自动验证简单方便。 是.net 实例,VS2010版实例。 直接拷贝vail文件到你的网站根目录下即可。文件test.aspx是测试实例!messages_cn.js是中文提示,也可以通过该文件查看验证的字段,比如日期是...
php ajax 验证代码 很好的例子 不刷新验证 详细的解释 还有源代码
今天小编就为大家分享一篇laravel validate 设置为中文的例子(验证提示为中文),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
这个validate验证框架中的actiionerror级别的错误的验证提示,并包含了如何在一个Action中处理多个业务逻辑,(struts1.x 中的DispatcheAction),例子比较简单,希望对大家学习struts有所帮助。
SSH2登陆时验证用户名和密码是否已经存在的小例子。
5 实例006 菜级联菜单 7 1.2 工具栏设计 7 实例007 带背景的工具栏 7 实例008 浮动工具栏 8 实例009 带下拉菜单的工具栏 9 实例010 具有提示功能的工具栏 9 1.3 状态栏设计 10...
提供: 表单的验证 基本流程 和处理方法 小小例子
例如它不内置表单验证,接下来,我把自己实现验证框架的思路分享出来。 分析需求 我们找的插件主要能解决以下问题 支持中文 适应UI框架 分组验证 动态验证(数据动态,规则动态) 去网络上搜索了一些框架,...
–验证国际化,中文–> (不引用messages_cn.js是英文的提示,用了是中文) 代码如下: required: “This field is required.”, remote: “Please fix this field.”, email: “Please enter a valid email address....
2.有时后台返回结果没问题,但不提示验证结果,查了查网上资料后,发现是在ajax最后return时出的问题,ajax改为同步,最后把验证提示信息return,而不能在success或error中return。 form.verify({ account: ...
如果说唯一的缺陷,就是提示框的样式是浏览器默认的,你无法改变,好吧,如果你相信浏览器厂商的设计师的审美水平的话(我相信他们的设计水平比绝大部分普通人要好,如果不考虑风格兼容的话),抓紧学就对了!...
验证提示 提供源自模型验证的提示。 安装 gem 'validation_hints' 例子 class Person < ActiveRecord xss=removed> true validates :password , :length => { :within => 1 ... 5 } end Person . new . hints ...