<%@ 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表单验证示例的更多相关文章

  1. MiniUI官方表单验证示例

    原文地址:http://www.miniui.com/docs/tutorial/validator.html 表单验证 参考示例: 验证规则     表单验证     表单验证:文本提示     表 ...

  2. 【转】Validate + Boostrap tooltip 表单验证示例

    一.工具准备: 1.boostrap: 下载地址 http://getbootstrap.com/ jquery: jQuery版本需大于或等于1.8.0  jquery.validate.min.j ...

  3. formValidator表单验证示例

    <script type="text/javascript">$(document).ready(function(){ $.formValidator.initCon ...

  4. 初学structs2,表单验证

    一.简单表单验证示例 structs.xml配置 <struts> <package name="validate" namespace="/valid ...

  5. Angular 表单验证类库 ngx-validator 1.0 正式发布

    背景介绍 之前写了一篇 <如何优雅的使用 Angular 表单验证>,结尾处介绍了统一验证反馈的类库  ngx-validator  ,由于这段时间一直在新模块做微前端以及相关业务组件库, ...

  6. 实现跨浏览器html5表单验证

    div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: ...

  7. 走进AngularJs 表单及表单验证

    年底了越来越懒散,AngularJs的学习落了一段时间,博客最近也没更新.惭愧~前段时间有试了一下用yeoman构建Angular项目,感觉学的差不多了想做个项目练练手,谁知遇到了一系列问题.yeom ...

  8. jQuery Validation Engine 表单验证

    功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. 兼容 IE 6+, Chrome, ...

  9. Django实现表单验证、CSRF、cookie和session、缓存、数据库多表操作(双下划綫)

    通常验证用户输入是否合法的话,是前端js和后端共同验证的,这是因为前端js是可以被禁用的,假如被禁用了,那就没法用js实现验证合法与否了,也就是即使用户输入的不合法,但是也没提示,用户也不知道怎么输入 ...

随机推荐

  1. 《oracle每日一练》oracle截取字符的函数

    转载 在Oracle中 可以使用instr函数对某个字符串进行判断,判断其是否含有指定的字符. 在一个字符串中查找指定的字符,返回被查找到的指定的字符的位置. 语法: instr(sourceStri ...

  2. 7.31 签到,js 全局预处理笔记

    js 解析与执行过程: 一.全局:  1.预处理阶段 : 1.LexicalEnviroment === window {1.预处理 var   |   2.function xxx //预处理申明的 ...

  3. 【leetcode】Word Search

    Word Search Given a 2D board and a word, find if the word exists in the grid. The word can be constr ...

  4. html常用标签的使用方法

    1  html标题 <h1> to <h6> <!DOCTYPE html> <html lang="en"> <head&g ...

  5. [转][Android]FragmentPagerAdapter与FragmentStatePagerAdapter使用详解与区别

    原文链接:http://blog.csdn.net/zhaokaiqiang1992 FragmentPagerAdapter是android-support-v4支持包里面出现的一个新的适配器,继承 ...

  6. Greedy:Linear world(POJ 2674)

      Linear world 题目大意:一些人生活在线性世界中,到达线性世界两端就会消失,两个人的前进方向有两个,相遇会改变各自相遇方向,求最后一个人掉下的人的名字和时间. 其实这一题就是弹性碰撞的模 ...

  7. Divide and conquer:Aggressive Cows(POJ 2456)

    侵略性的牛 题目大意:C头牛最大化他们的最短距离 常规题,二分法即可 #include <iostream> #include <algorithm> #include < ...

  8. 如何让VS2013编写的程序

    总体分c++程序和c#程序 1.c++程序 这个用C++编写的程序可以经过设置后在XP下运行,主要的“平台工具集”里修改就可以. 额外说明:(1)程序必须为Dotnet 4.0及以下版本.(XP只支持 ...

  9. CSS居中布局总结

    居中布局 <div class="parent"> <div class="child">demo</div> </d ...

  10. Mysql分布式事务

    关于Mysql分布式事务介绍,可参考:http://blog.csdn.net/luckyjiuyi/article/details/46955337 分为两个阶段:准备和执行阶段.有两个角色:事务的 ...