[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实现验证合法与否了,也就是即使用户输入的不合法,但是也没提示,用户也不知道怎么输入 ...
随机推荐
- Closest Binary Search Tree Value I & II
Closest Binary Search Tree Value Given a non-empty binary search tree and a target value, find the v ...
- Semantic-UI-React (称 stardust) 对比 Antd
Semantic-UI-React: http://react.semantic-ui.com/ ANTD :http://ant.design/ Amaze UI React: http://ama ...
- C# 读写十六进制bin 文件
读一个十六进制的bin文件,在bin文件添加四行头,生成新的bin文件.bin文件可以用vs打开查看. using System; using System.Collections.Generic; ...
- js数组转置
<script type="text/javascript"> var arr=[[1,2,3],[4,5,6],[7,8,9],[17,18,19]]; ...
- jquery若干问题
1.获取服务器端的控件 $("#<%=photopath.ClientID%>").uploadPreview({ Img: "ImgPr", Wi ...
- pgbouncer介绍
一.Pgbouncer 的介绍 Pgbouncer是一个针对PostgreSQL数据库的轻量级连接池,任何目标应用都可以把 pgbouncer 当作一个 PostgreSQL 服务器来连接,然后pgb ...
- PHP工厂模式的研究
工厂方法模式 把 创造者类 和要生产的 产品类 分离.创建者是一个工厂类,其定义了产品生产的类方法.一般情况下,创建者类的每个子类实例化一个相应的产品子类. 下面是单个产品的实现代码: <?ph ...
- osg四元数设置roll pitch heading角度
roll绕Y轴旋转 pitch绕X轴旋转 heading绕Z轴旋转 单位是弧度,可以使用osg::inDegrees(45)将45角度转换为弧度 定义一个四元数 osg::Quat q( roll,o ...
- Struts2拦截器之ExceptionMappingInterceptor(异常映射拦截器)
一.异常拦截器是什么? 异常拦截器的作用是提供一个机会,可以设置在action执行过程中发生异常的时候映射到一个结果字符串而不是直接中断. 将异常整合到业务逻辑中,比如在分层系统的调用中可以从底层抛出 ...
- Mybatis 字符绑定
http://blog.csdn.net/softwarehe/article/details/8889206