[Ext JS]12.12.1 必填字段组件扩展

Form的字段使用allowBlank:false 设置必填，但失去焦点时会自动验证，效果是输入框的边框变成红色，鼠标移动到上面的时候会弹出输入的提示框，效果如下图：

此外，在form提交或是调用字段的isValid()或是validate()方式时也会提示验证。但是这种使用体验要等点击提交按钮才发现有字段没有填值，是否在一开始就可以提示哪些栏位必须填写呢？
效果可以是在字段的标签前加一个必填的提示符，类似：

解决方案

结合allowBlank，在字段标签加必填提示符。因为字段有很多子类型，每种子类型都可能使用到这个功能，这正是 Mixin 的使用场景，这里定义一个AllowBlank的Mixin 子类：

Ext.define('ExtjsdevEncy.mixin.AllowBlank', {extend: 'Ext.Mixin',mixinConfig: {before: {initComponent: 'beforeInit'}},setAllowBlank: function (allowBlank) {this.allowBlank = !!allowBlank;if (!Ext.is

[Ext JS]12.12.1 必填字段组件扩展相关推荐

java非必填字段跳过校验,avalon2表单验证,非必填字段在不填写的时候不能通过验证...
avalon2表单验证,非必填字段在不填写的时候不能通过验证代码 var vm = avalon.define({ $id: "validate1", aaa : "& ...
ajax必填项验证,jQuery验证 - 通过MVC2中的ajax动态添加必填字段
我正在尝试在MVC2中的表单上使用jQuery验证.我正在使用期货项目中的MicrosoftMvcJQueryValidation.js. 首次加载表单时,它是代表ViewViewModel,并且有三 ...
html字段隐藏,HTML5+CSS3实现超酷登录窗口(自动隐藏默认文本及判断必填字段)
内容介绍热点排行相关文章下载地址↓ 效果非常不错的登录窗口,输入框获取焦点后会自动隐藏默认文本,如果为空会提示必填字段 ,经测试,效果相当不错,感兴趣的朋友可以参考下哈在网页head区添加以下代码 ...
java 字段验证_Selenium-Gherkin-Java:验证必填字段上的文本
简短版:我有一个必填字段,显示"此字段是必需的"的元素可以包含多个消息.我正在努力设置我的BDD功能步骤.页面和步骤文件,以验证是否显示了正确的消息. 长版: 对Java/Sele ...
jsf 自定义属性_必填字段的自定义JSF验证器
jsf 自定义属性实现EditableValueHolder接口的JSF组件具有两个属性" required"和" requiredMessage" –一个标 ...
必填字段的自定义JSF验证器
实现EditableValueHolder接口的JSF组件具有两个属性" required"和" requiredMessage" –一个标志,指示用户需要输入 ...
js文本框设置必填项_Jquery文本框小例（必填框）
//当光标离开文本框的时候如果文本框为空,则将文本框边框色设置为红色,如果不为空则为白色.提示:焦点进入控件的事件是focus或者mousedown,焦点离开控件的事件是blur. $(functio ...
添加页面填写完必填字段报错
报错内容 HVO00030: No validator could be found for constraint javax.vallidation.constraints.NotBlank' va ...
自动检测实体类必填字段
 <dependency><groupId>org.hibernate.validator</groupId><artifa ...

[Ext JS]12.12.1 必填字段组件扩展

解决方案

[Ext JS]12.12.1 必填字段组件扩展相关推荐

最新文章

热门文章