[Liferay6.2]AUI表单验证示例
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet"%>
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui"%>
<portlet:defineObjects /> <aui:form action="" name="<portlet:namespace />fm">
<aui:fieldset>
<aui:input name="input1" label="不加校验" />
<aui:input name="input2" label="必填项">
<aui:validator name="required" />
</aui:input>
<aui:input name="input3" label="英文字母(最小长度:2,最大长度:10)">
<aui:validator name="alpha" />
<aui:validator name="maxLength">10</aui:validator>
<aui:validator name="minLength">2</aui:validator>
</aui:input>
<aui:input name="input4" label="英文字母或数字字符">
<aui:validator name="alphanum" />
</aui:input>
<aui:input name="input5" label="数字(最小0,最大10)">
<aui:validator name="digits" />
<aui:validator name="min">0</aui:validator>
<aui:validator name="max">10</aui:validator>
</aui:input>
<aui:input name="input6" label="电子邮件地址">
<aui:validator name="email" />
</aui:input>
<aui:input name="input7" label="密码">
<aui:validator name="required" />
</aui:input>
<aui:input name="input8" label="重复密码">
<aui:validator name="equalTo">'#<portlet:namespace />input7'</aui:validator>
</aui:input>
<aui:input name="input9" label="数字(正负数、小数)">
<aui:validator name="number" />
</aui:input>
<aui:input name="input10" label="网址">
<aui:validator name="url" />
</aui:input>
<aui:input name="input11" label="日期">
<aui:validator name="date" />
</aui:input>
<aui:input type="file" name="input12" label="文件类型">
<aui:validator name="acceptFiles">'xls,xlsx,doc,docx,ppt,pptx'</aui:validator>
</aui:input>
<aui:input name="input13" label="国际化资源标识符(IRI)">
<aui:validator name="iri" />
</aui:input>
<aui:input name="input14" label="自定义年份">
<aui:validator name="custom" errorMessage="请输入[2000,2015]之间的年份:">
function (val, fieldNode, ruleValue) {
if ( val >=2000 && val <=2015) {
return true;
}else{
return false;
}
}
</aui:validator>
</aui:input>
</aui:fieldset> <aui:button-row>
<aui:button type="submit"></aui:button>
</aui:button-row>
</aui:form>
[Liferay6.2]AUI表单验证示例的更多相关文章
- MiniUI官方表单验证示例
原文地址:http://www.miniui.com/docs/tutorial/validator.html 表单验证 参考示例: 验证规则 表单验证 表单验证:文本提示 表 ...
- 【转】Validate + Boostrap tooltip 表单验证示例
一.工具准备: 1.boostrap: 下载地址 http://getbootstrap.com/ jquery: jQuery版本需大于或等于1.8.0 jquery.validate.min.j ...
- formValidator表单验证示例
<script type="text/javascript">$(document).ready(function(){ $.formValidator.initCon ...
- 初学structs2,表单验证
一.简单表单验证示例 structs.xml配置 <struts> <package name="validate" namespace="/valid ...
- Angular 表单验证类库 ngx-validator 1.0 正式发布
背景介绍 之前写了一篇 <如何优雅的使用 Angular 表单验证>,结尾处介绍了统一验证反馈的类库 ngx-validator ,由于这段时间一直在新模块做微前端以及相关业务组件库, ...
- 实现跨浏览器html5表单验证
div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: ...
- 走进AngularJs 表单及表单验证
年底了越来越懒散,AngularJs的学习落了一段时间,博客最近也没更新.惭愧~前段时间有试了一下用yeoman构建Angular项目,感觉学的差不多了想做个项目练练手,谁知遇到了一系列问题.yeom ...
- jQuery Validation Engine 表单验证
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. 兼容 IE 6+, Chrome, ...
- Django实现表单验证、CSRF、cookie和session、缓存、数据库多表操作(双下划綫)
通常验证用户输入是否合法的话,是前端js和后端共同验证的,这是因为前端js是可以被禁用的,假如被禁用了,那就没法用js实现验证合法与否了,也就是即使用户输入的不合法,但是也没提示,用户也不知道怎么输入 ...
随机推荐
- Smallest Rectangle Enclosing Black Pixels
An image is represented by a binary matrix with 0 as a white pixel and 1 as a black pixel. The black ...
- C++中的结构体
http://zhidao.baidu.com/link?url=8OYQSKV9mvSBc6Hkf9NsLQmipSge9VCZDJQGAZZs5PCBQ54UTmK98VRmAklEEAFYu7d ...
- mybatis xml 大于 小于
当我们需要通过xml格式处理sql语句时,经常会用到< ,<=,>,>=等符号,但是很容易引起xml格式的错误,这样会导致后台将xml字符串转换为xml文档时报错,从而导致程序 ...
- php调用c/c++的一种方式
php调用c/c++有很多方式,最常用的是通过tcp或者http去调用,通过发送请求去调用c/c++编写的cgi/fastcgi来实现,另外php还有一种直接执行外部应用程序的方式,这种方式会影响到系 ...
- Java Thread.join()方法
一.使用方式. join是Thread类的一个方法,启动线程后直接调用,例如: Thread t = new AThread(); t.start(); t.join(); 二.为什么要用join() ...
- VS2012 打开cs文件报未找到与约束错误
一.问题发生 VS2012,更新补丁后的残忍--创建项目未找到与约束匹配的导出 创建项目时无法成功创建,而且提示:未找到与约束ontractNameMicrosoft.VisualStudio.Tex ...
- iOS 一个控件只能拥有一个父类
不多说上图.多么惨痛的教训,一个子控件 只有最后的一个被addsubview才会生效.
- July 4th, Week 28th Monday, 2016
Goals determine what you are going to be. 你的目标决定你将成为怎样的人. What are your goals? What kind of people y ...
- 多线程编程1 - NSThread
每个iOS应用程序都有个专门用来更新显示UI界面.处理用户的触摸事件的主线程,因此不能将其他太耗时的操作放在主线程中执行,不然会造成主线程堵塞(出现卡机现象),带来极坏的用户体验.一般的解决方案就是将 ...
- 【转】深入Windows内核——C++中的消息机制
上节讲了消息的相关概念,本文将进一步聊聊C++中的消息机制. 从简单例子探析核心原理 在讲之前,我们先看一个简单例子:创建一个窗口和两个按钮,用来控制窗口的背景颜色.其效果 图1.效果图 Win32 ...