`
- 浏览:
146928 次
- 性别:
- 来自:
北京
-
- <?xml version="1.0" encoding="utf-8"?>
-
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12">
-
-
<mx:Script>
- import mx.controls.Alert;
- public function openUrl():void{
- navigateToURL(new URLRequest("http://hi.baidu.com/woaidelphi/"), "_blank");
- }
-
</mx:Script>
-
<mx:Button label="查看更多flex" click="openUrl()"/>
-
<mx:Panel title="验证大全" width="75%" height="75%"
-
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10" fontSize="12">
-
-
<mx:Form>
-
<mx:FormItem label="输入你的Email: ">
-
<mx:TextInput id="email" width="100%"/>
-
</mx:FormItem>
-
-
<mx:FormItem label="请输入你的生日:(yyyy-mm-dd): ">
-
<mx:TextInput id="dob" width="100%"/>
-
</mx:FormItem>
-
-
<mx:FormItem label="输入至少10位电话号码: ">
-
<mx:TextInput id="phone" width="100%"/>
-
</mx:FormItem>
-
-
<mx:FormItem label="输入社会保险号(外国人用的如:444-44-4444): ">
-
<mx:TextInput id="ssn" width="100%"/>
-
</mx:FormItem>
-
-
<mx:FormItem label="输入货币(可以有美元符$): ">
-
<mx:TextInput id="priceUS" width="100%"/>
-
</mx:FormItem>
-
-
<mx:FormItem label="输入一个数字(18-50): ">
-
<mx:TextInput id="age" width="100%"/>
-
</mx:FormItem>
-
-
<mx:FormItem label="请输入4-20的字符: ">
-
<mx:TextInput id="fname" width="100%"/>
-
</mx:FormItem>
-
-
<mx:FormItem label="Enter a 5 or 9 digit U.S. 邮编号: ">
-
<mx:TextInput id="zip" width="100%"/>
-
</mx:FormItem>
-
-
<mx:FormItem >
-
<mx:Button id="myButton" label="确定" />
-
</mx:FormItem>
-
</mx:Form>
-
</mx:Panel>
-
-
-
<mx:EmailValidator source="{email}" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('Email格式正确!');"/>
-
<mx:DateValidator source="{dob}" property="text" allowedFormatChars="-" inputFormat="yyyy-mm-dd" wrongMonthError="月份要在1-12之间."
-
trigger="{myButton}" triggerEvent="click" valid="Alert.show('出生日期格式正确!');"/>
-
<mx:PhoneNumberValidator source="{phone}" allowedFormatChars="-+/" invalidCharError="格式不正确" wrongLengthError="数字太短了" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('电话格式正确!!');"/>
-
<mx:SocialSecurityValidator source="{ssn}" property="text" trigger="{myButton}" triggerEvent="click" valid="Alert.show('社会保险号格式正确!!');"/>
-
<mx:CurrencyValidator source="{priceUS}" property="text" precision="2" trigger="{myButton}" triggerEvent="click" valid="Alert.show('货币格式正确!');"/>
-
<mx:NumberValidator source="{age}" property="text" integerError="请输入18-50之间的整数"
-
minValue="18" maxValue="50" domain="int" trigger="{myButton}" triggerEvent="click" valid="Alert.show('数字验证正确!');"/>
-
<mx:StringValidator source="{fname}" property="text"
-
tooShortError="字符串太短了,请输入最少4个字符. "
-
tooLongError="字符串太长了,请输入最长20个字符. "
-
minLength="4" maxLength="20"
-
trigger="{myButton}" triggerEvent="click"
-
valid="Alert.show('字符串格式正确!');"/>
-
<mx:ZipCodeValidator source="{zip}" property="text"
-
trigger="{myButton}" triggerEvent="click"
-
valid="Alert.show('邮编格式正确(外国人用的)');"/>
-
</mx:Application>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
flex 表单数据合法性验证flex 表单数据合法性验证flex 表单数据合法性验证flex 表单数据合法性验证
里面的每一项我都试验过 直接复制到flex就能看到效果
提供: 表单的验证 基本流程 和处理方法 小小例子
概念验证项目,用于研究从动态(可能是外部化的)源生成Flex表单的潜力,以减少开发常见表单功能的开发时间。 我以前使用过'control'类,以允许非技术用户在外部XML文件中配置表单验证参数,但是表单和模型仍然需要...
JavaScript实现的可视化表单设计器源码。实现的可视化表单设计器。基于Vue的可视化表单设计器,让表单开发简单而高效。 特性如下: 可视化配置页面 提供栅格布局,并采用...支持表单验证 快速获取表单数据 国际化支持
如何在一个表单内通过ToolTips来返映一个错误 15.7节. 如何使用正则表达式去定位电邮地址 15.8节. 如何使用正则表达式去验证信用卡号码 15.9节. 如何使用正则表达式来验证ISBN号 15.10节. 如何通过指定字符类...
通过栅格进行表单布局,可以嵌套使用,支持 Flex,基本可覆盖复杂的表单布局场景。 自定义 提供自定义区域和自定义样式扩展,可以简单方便的自定义自己的表单。 高级组件 提供功能强大的高级组件,可适用在各种...
形式生成器 ...支持表单验证 快速获取表单数据 支持 如果你发现了新的bug,或者有新的功能要求,请新建一个问题 浏览器支持 现代浏览器和Internet Explorer 10+。 IE浏览器/边缘 火狐浏览器 Chro
网页设计 期末大作业web课程设计【原神风格+博客静态页面】,html+css+js纯手写,div盒子布局,flex布局,瀑布流布局,绝对定位/相对定位,js登录表单验证,简洁的下拉菜单,侧边栏手风琴效果,动漫游戏博客小清新...
以完全声明的方式实现具有灵活样式和验证功能的任何Web表单 现场演示: : Stackblitz: ://stackblitz.com/edit/dashjoin 特征 支持JSON Schema Draft 6 可以从URL加载引用的架构 呈现紧凑形式 支持2路数据绑定 ...
创造形式 ...支持表单验证 快速获取表格数据 国际化支持 第三方插件 浏览器支持 现代浏览器和Internet Explorer 10+。 IE浏览器/边缘 火狐浏览器 Chrome合金 苹果浏览器 IE10,IE11,Edge 最近
html+css+js,多用flex布局,有轮播图、电梯、表单验证,适合学完js的人,可当练手,可当web期末作业,仅供参考
是一个小型的声明式表单扩展和 polyfill 库。 下载:[formx.min.js][full-min] 或 [formx.js][full] [凉亭][凉亭]: bower install formx [npm][npm]: npm install formx [组件][组件]: component install esha/...
CraueFormFlowBundle提供了一种在Symfony项目中构建和处理多步骤表单的功能。 特征: 导航(下一个,后退,重新开始) 步骤标签 跳过步骤 每个步骤都有不同的验证组 处理文件上传 动态步进导航(可选) 提交后...
flex实现⽔平垂直居中的最简单⽅式 flex实现双⻜翼布局 flex实现圣杯布局 瀑布流布局 模板引擎pug基本语法210315 布局练习(响应式布局)210316 如何封装自己的样式库210319 JS常WF函数210320-210322 ●JS生成随机...
block可以使用内联元素可以设置宽高,参考简易表单验证网易云课堂原生JS项目实战,表单验证技术栈:原生JS总结: viewport视窗大小自适应设置,参考布局模式之flex弹性布局,参考和min-height使用的替代是父级元素...
javascript复制到剪切板滚动加载图片生成随机字符串文件上传和下载动态字体大小元素是否在视口中限制输入滑动解锁常见表单验证UI代理LI拖拽交换商品规格组合工具提示滑块粘性导航条挪动足球 轮播轮播表格排序编辑...
在美国各地显示和编辑旅行记录的个人资料信息。 接受之前验证表单数据。使用HTML(网格,flex),JS(表单,输入,创建和删除元素,验证,键)和CSS(样式,布局,错误消息)。
■基于FLex弹性布局重写前端(OA平台因要支持传统业务暂不涉及)。 ■提供全新的Bootstrap 4.0技术文档,并获得Bootstrap官方认同,访问http://code.z01.com/v4 ■前后端全面引入scss(sass)技术,与Bootstrap官方...