首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Html5 学习系列(三)增强型表单标签

引言      在之前的HTML表单标签中,对于一些功能支持的不够好,比如:文本框提示信息(之前只能通过js和input的事件结合处理)、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能...[以下所有的例子请用Opera浏览器浏览] 1)只能输入数字的Number类型input标签 Html代码为:<input type="number" name="demoNumber" min="1...另外就是type又增加了一个新的number类型,接受<em>数字</em><em>输入</em>。而之前我们要做到这样的效果<em>只能</em>通过<em>js</em>在失去焦点时候判断,控制起来不那么方便,现在一切都那么简单简洁。 ...小结:当表单在提交前,此<em>文本框</em>会自动<em>校验</em>是否符合邮箱的正则表达式,另外placeholder属性带来的提示信息功能太强大了。...5)<em>校验</em>属性:设置了required 属性后预示着当前<em>文本框</em>在提交前必须有数据<em>输入</em>,而这一切都是由浏览器自动完成。              这跟使用Jq Validate的时候一样的爽。

1K30

EXT基础

这里罗列出一些xtype: ·         textfield  文本框  常用 ·         timefield 下拉时间框  不常用 ·         numberfield 只能输入数字...数字验证常用 ·         datefield  日历下拉框 ·         combo 下拉框 ·         textarea  多行文本框 最普通的文本框: {    xtype:...内置校验——vtype vtype。它可以被用来校验和约束用户的输入,并且抛出错误的信息。...它的基础是正则表达式,现在介绍几种vType: ·         email;必须输入邮件 ·         url;必须输入网址 ·         alpha;必须输入文字不能是数字 ·        ...new Ext.form.TextField({ name:'text', fieldLable:'文本框', vtype:'email' }); //alpaha:只能输入英文字母

4.2K40

Extjs-lesson4

({ // 宽 width: 140, // 不允许文本框为空 allowBlank: false, // 文本框的最大长度为 20 个字符;超过 20 个字符仍然可以输入,但会有警告信息...当非空校验没有通过时的提示信息 blankText: "请输入用户名", // 当最大长度校验没有通过时的提示信息 maxLengthText: "用户名不能超过20个字符" }); //...NumberField 3.2 代码 //创建一个NumberField数字文本框对象 var numberfield = new Ext.form.NumberField({ //文本框前面的显示文字...minValue: 0.01, //设置数字文本框最大值 maxValue: 200, //这个是自己添加的属性,属性添加可以参看重写文本框部分代码 unitText: " cm"..., //不允许为空 allowBlank: false, //如果校验为空时的提示文字 blankText: "请输入身高" }); 3.2.1 重写文本框 //重写Ext.form.TextField

4.8K10

Binding(四):数据校验

除了上一节讲的类型转换器,Binding还自带数据校验功能,这节主要来讲一下。...跟类型转换器一样,数据校验需要我们继承ValidationRule类,实现其中的Validate方法,并写入我们自定义的逻辑来完成校验规则的制定,下面以文本框只能录入数字校验规则来演示一下它的使用,请先看数据校验的处理逻辑...然后在后台将数据验证的Binding设置到文本框(文本框名为txBox)中: 当数据为正常的数字时,校验通过,文本框无变化,当输入数字时,效果如下: 文本框自动变红。...一般的,系统默认从源,也就是后台属性中来的数据都是合法的,也就是不自动校验从源来的数据,如下图: 如果需要校验来自源的数据,需要做点改动,如下图: 将校验对象的ValidatesOnTargetUpdated...另外,我们看到,界面上并没有显示错误信息,这一点需要我们做一些特殊处理,我修改了一下布局: 在文本框下添加了一个用于显示错误信息的TextBlock,并添加了两个事件,一个是验证错误时触发的

43530

js正则表达式校验金额-正则表达式(密码验证、数字、字母数字)—实际开发持续积累中

目录 正则表达式:^\d{6}$   注意写法,里正则表达式的写法为/^\d{6}$/**[js][2]正则表达式校验金额**,其它的都为"^\d{6}$"。   ...1密码验证的正则表达式 1.1只能是6-16位字母和数字组合【位数可以自己修改】   Java代码(用双引号)    public static boolean validatePhonePass(String...6-16位数字js正则表达式校验金额,英文,符号至少两种组合的字符   String passRegex = "^(?!...(1|[\(\)])+$)([^(0-9a-zA-Z)]|[\\(\\)]|[a-zA-Z]|[0-9]){6,16}$";   1.3只能为6位的数字【可以进行修改位数】   String passRegex...= "^\d{6}$";   1.4校验金额格式是否是正确的   String passRegex = "^((0-9)|([0].

4.9K20
领券