今天花了些時間搜集了一些Extjs常用的表單驗證表達式,現發表在博客里以備日后使用.
1.驗證表單輸入不能為空: allowBlank: false
2.驗證表單輸入的最大值和最小值: maxLength: 10,minLength: 5
3.驗證表單輸入值是否為Email格式: vtype: 'email'
4.表單輸入框只能輸入英文:vtype: 'alpha'
5.表單輸入框只能輸入英文和數字:vtype: 'alphanum'
6.表單輸入框只能輸入URL地址:vtype: 'url'
7.表單輸入框只能輸入漢字: regex: /^[\u4E00-\u9FA5]+$/, regexText: '只能输入汉字'
8.表單輸入框只能輸入以13開頭的手機號碼: regex: /^13[\d]{9}$/,regexText: '手机号码必须13开头,后面跟9位数字!'
9.表單輸入框只能輸入座機號碼: regex: /^0(\d{2}|\d{3})\-(\d{7}|\d{8})$/, regexText: '电话号码必须如:0xx-1234344'
10.表單輸入框只能輸入IP地址: regex: /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/, regexText: '只能输入IP地址'
11.座機電話驗證正則表達式: regex : /^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}$/,
12.手機號碼正則表達式: regex:/^(13[0-9]|15[0|3|6|8|9])\d{8}$/,
分享到:
相关推荐
在JavaScript框架ExtJS中,正则表达式也经常被用于验证用户输入数据的合法性,例如表单字段的验证。下面我们将深入探讨正则表达式的基本概念以及在ExtJS中的应用。 一、正则表达式基础 1. **基本元素**:正则...
- **regex**: 字符串,JavaScript格式的正则表达式,用于验证输入的数据。 - **regexText**: 字符串,正则验证失败时显示的提示信息。 - **selectOnFocus**: 布尔值,指定获取焦点时是否全选文本,默认为`false`。 -...
在ExtJS中,正则表达式常用于表单验证,帮助开发者验证用户输入的数据格式是否正确。 ExtJS正则表达式验证属性主要有两种显示情况:一种仅显示红色提示框来提示用户输入不符合要求;另一种除了显示红色提示框外,还...
Extjs还提供了一些内置属性来帮助验证表单数据,比如`allowBlank`、`maxLength`、`minLength`等。 - **allowBlank**:用于检查字段是否可以为空。 - **maxLength** 和 **minLength**:分别用于检查字段的最大长度和...
VType是ExtJS库中的一个特性,它提供了一种简洁的方式来验证表单字段的值。例如,邮箱验证就是利用VType的预定义类型,无需编写复杂的正则表达式。当使用VType时,如“邮箱地址”字段,如果输入不符合预设的邮箱格式...
通过组合使用内置验证类型、自定义验证函数和正则表达式,开发者可以构建出满足各种复杂需求的表单验证机制。在实际开发中,根据项目需求灵活选择和配置验证规则,可以有效地确保数据的质量和一致性。
总结来说,这个示例展示了如何利用JavaScript和ExtJS的正则表达式及VType进行表单验证,以确保用户输入的数字、字母、汉字和电子邮件格式正确无误。这对于创建健壮的前端表单和提升用户体验至关重要。在实际开发中,...
总结来说,ExtJS表单验证提供了丰富的选项,从基础的空验证和简单的vtype验证,到自定义函数验证和正则表达式验证,几乎可以覆盖所有常见的验证需求。通过这些验证方式,开发者可以确保用户输入的数据既安全又符合...
3. **正则表达式**:验证规则通常涉及正则表达式,用于检查用户输入是否符合特定模式。例如,`/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/`可以用来验证邮箱格式。 4. **自定义验证函数**:创建函数来执行特定类型的验证,...
ExtJS是一个基于JavaScript的富客户端应用框架,它的表单组件中支持正则表达式验证,这有助于确保用户输入的数据符合预设规则。 让我们详细探讨一下JavaScript、jQuery和Java中的正则表达式使用: 1. **JavaScript...
邮箱输入框可以通过正则表达式来验证输入的格式是否符合标准邮箱格式: ```javascript { xtype: 'textfield', name: 'email', fieldLabel: '电子邮箱', regex: /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/, ...
例如,我们可以使用`$(selector).val()`获取或设置输入框的值,利用`$.trim()`去除字符串两侧的空白,结合正则表达式进行数据有效性检查。同时,jQuery提供`$(element).addClass/removeClass()`来添加或移除类名,...
- `isValid()`: 验证表单是否有效。 - `load(Object options)`: 加载表单数据。 - `loadRecord(Record record)`: 从记录加载表单数据。 - `markInvalid(Array/Object errors)`: 设置无效字段。 - `reset()`: ...
- `vtype` 是一种内置的验证机制,基于正则表达式,用于限制用户输入并显示错误信息。 - 示例的 vtype 包括:`email`, `url`, `alpha` 和 `alphanum`。 - 用户可以根据需要自定义 `vtype`。 **自定义验证**: - 若...
- **regexText**:不符合正则表达式时显示的验证消息。 - **vtype**:自定义验证类型,例如: - `alpha`:只允许字母。 - `alphanum`:只允许字母和数字。 - `email`:电子邮件地址格式。 - `url`:URL地址格式...
7. **正则表达式**:在密码验证环节,Java中的正则表达式用于检查用户输入的密码是否符合特定规则,如必须包含数字、字母等。 8. **数据验证**:Struts2和Spring都有内置的验证框架,可以对用户输入的数据进行校验...
开发者可能需要利用正则表达式来限制输入,并且提供即时的反馈,比如在输入不符合规则时显示错误提示。此外,EXTJS的表单验证机制可以帮助确保在提交前验证所有IP地址字段的有效性。 在EXTJS中,创建这些控件通常...
可以通过定义正则表达式、掩码和错误信息来限制用户输入,如`Ext.form.VTypes['nameVal'] = /^[A-Z][A-Za-z\-]+[A-Z][A-Za-z\-]+$/`。 5. **组件与字段**:EXTJS包含多种组件,如`TextArea`和`HTMLEditor`。`...
ExtDesigner支持数据验证,可以设置正则表达式或自定义函数来检查输入是否符合要求。 5. **样式(Styles)**:设计美观的登录窗口还需要考虑色彩、字体和边框等样式。ExtDesigner允许你直接在设计视图中修改控件的...
例如,邮箱字段使用了正则表达式验证输入的格式是否符合电子邮件的标准。 在实际开发中,我们通常会将表单与服务器端程序进行集成,以便在用户填写完表单后发送数据到服务器进行处理。在Extjs中,可以使用FormPanel...