[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实现验证合法与否了,也就是即使用户输入的不合法,但是也没提示,用户也不知道怎么输入 ...
随机推荐
- C# 读写ini文件
1.添加引用 using System.IO; using System.Runtime.InteropServices; 2.声明API函数 #region API函数声明 [DllImport(& ...
- POJ 1062 ( dijkstra )
http://poj.org/problem?id=1062 一个中文题,一个多月之前我做过,当时我是用搜索写的,不过苦于卡在无法确定等级关系,所以就错了. 看了别人的博客后,我还是不是很理解所谓的枚 ...
- adb 服务端口2037被占,导致adb和appium无法工作
症状1: 命令行运行 adb 相关命令,提示如下: adb server is out of date. killing...ADB server didn't ACK* failed to star ...
- spring + myBatis 常见错误:SQL语法错误
在程序运行时,有时候会出现如下错误: 这个错误通常是你的sqlmapper.xml中sql语句语法有错误.所以请仔细查看你sql语句是否正确,比如{#id}这样写就会报上述错误,其实应该#{id}这样 ...
- We7 CMS研究
我下载的we7 3.0是基于vs 2010的,官方网站也建议使用vs2010,但是我有追新的习惯,并相信vs 2013一定能够兼容vs2010的项目,于是在vs2013下打开解决方案并且全部升级,把目 ...
- codeforces 540B.School Marks 解题报告
题目链接:http://codeforces.com/problemset/problem/540/B 题目意思:给出 k 个test的成绩,要凑剩下的 n-k个test的成绩,使得最终的n个test ...
- poj 2389.Bull Math 解题报告
题目链接:http://poj.org/problem?id=2389 题目意思:就是大整数乘法. 题目中说每个整数不超过 40 位,是错的!!!要开大点,这里我开到100. 其实大整数乘法还是第一次 ...
- ClassLoad的加载过程及分析
-Xbootclasspath:bootclasspath 让jvm从指定路径(可以是分号分隔的目录.jar.或者zip)中加载bootclass,用来替换jdk的rt.jar:若非必要,一般不会用到 ...
- oracle触发器设置uuid变量
create or replace trigger tri_org_department after insert or update on bjlt.sys_org for each row dec ...
- 对map创建出来的值顺序排序问题
TreeMap 在用Ajax动态创建checkBox时,而把值放在了HashMap中,hashMap是无序的,因此你动态创建出来的顺序是乱的,比如你想要的顺序是1.2.3.4但出来的结果可能是 3.2 ...