[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>
时间: 2024-10-10 03:47:16

[Liferay6.2]AUI表单验证示例的相关文章

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

一.工具准备: 1.boostrap: 下载地址 http://getbootstrap.com/ jquery: jQuery版本需大于或等于1.8.0  jquery.validate.min.js 2.validate 及 tooltip 使用教程: 菜鸟教程地址:http://www.runoob.com/jquery/jquery-plugin-validate.html 以下指示列出了一些常用配置项,比较重要的加红区别. validate ()的可选项 描述 代码 debug:进行调

JS表单验证示例

1 </<!DOCTYPE html> 2 <html> 3 <head> 4 <title>JS表单验证</title> 5 <meta http-equiv = "content-type" content="text/html; charset = utf-8 "> 6 <link rel="stylesheet" href="JSlogin.cs

初学structs2,表单验证

一.简单表单验证示例 structs.xml配置 <struts> <package name="validate" namespace="/validate" extends="struts-default" > <action name="ValidateDemo" class="cn.hjp.validate.ValidateDemo"> <result na

struts2官方 中文教程 系列十一:使用XML进行表单验证

在本教程中,我们将讨论如何使用Struts 2的XML验证方法来验证表单字段中用户的输入.在前面的教程中,我们讨论了在Action类中使用validate方法验证用户的输入.使用单独的XML验证文件让您可以内置到Struts 2框架的验证器. 贴个本帖的地址,以免被爬:struts2官方 中文教程 系列十一:使用XML进行表单验证  即 http://www.cnblogs.com/linghaoxinpian/p/6938720.html 下载本章节代码 为了使用户能够编辑存储在Person对

angularJS 过滤器 表单验证

过滤器1.filter的作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果,主要用于数据的格式化.2.内置过滤器(1)Currency(货币)将一个数值格式化为货币格式,默认为$(2)Date(3)Filter子串匹配用来处理一个数组,可以过滤出含有某个子串的元素,作为一个字数组来返回.通常用来过滤需要展示的元素.可以是字符串数字,对象或是一个用来从数组中选择元素的函数.字符串:返回所有包含这个字符串的元素对象:将待过滤对象的属性同这个对象中的同名属性进行对比,如果属性值是字符串就

JS表单验证类HTML代码实例

以前用的比较多的一个JS表单验证类,对于个人来说已经够用了,有兴趣的可以在此基础上扩展成ajax版本.本表单验证类囊括了密码验证.英文4~10个 字符验证. 中文非空验证.大于10小于100的数字.浮点数验证.日期验证.邮件检查.网址验证.固定电话和手机号码验证.IP地址验证.邮编和QQ号码验证. MSN和身份证验证等. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

四种表单验证方法的分析和比较

前言 任何可以交互的站点都有输入表单,只要有可能,就应该对用户输入的数据进行验证.无论服务器后端是什么样的系统,都不愿意把时间浪费在一些无效的信息上,必须对表单数据进行校验,若有不符合规定的表单输入,应及时返回并给出相应的提示信息.本文将列举四种不同原理的表单验证方法,并给出各方法在 PHP 服务器上的实现. 回页首 浏览器端验证 传统上,表单数据一般都通过浏览器端的 Javascript 验证.浏览器端的验证速度快,若有不符合要求的输入,响应信息快速的返回给用户.由于验证数据不需要提交给服务器

纯CSS3实现不错的表单验证效果

这是补充HTML5基础知识的系列内容,其他为: 一.HTML5-- 新的结构元素 二.HTML5-- figure.time.details.mark 三.HTML5-- details活学活用 四.HTML5-- 现存元素的变化 五.HTML5 -- Web表单 今天继续学习Web表单相关的内容,不过今天重点落实到实战中,利用HTML5表单与CSS3-UI实现一款不错的表单效果. 效果可看下面动图: 如效果演示,我们今天就通过简单几行CSS就可实现. 预备知识 1.HTML5新增的表单类型:t

jquery.validation.js 表单验证

jquery.validation.js 表单验证 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 一导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jq