EXTjs校验

最新推荐文章于 2021-05-21 17:28:50 发布

lanonola

最新推荐文章于 2021-05-21 17:28:50 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/lanonola/article/details/43339853

版权

本文详细介绍了EXTJS中表单验证的多种方式，包括单字段自定义验证、多字段验证，以及通过VType扩展验证。同时，讨论了Ext.form.Action、Ext.form.BasicForm、Ext.form.FormPanel等关键组件的配置项和方法，如表单提交、数据读取、验证管理等功能，以帮助开发者更好地理解和使用EXTJS表单组件。

摘要由CSDN通过智能技术生成

自定义的验证主要有两种方式：一种是单字段的自定义验证，另一种是多字段间的验证。

对于单字段的验证主要通过regex配置项指定自定义正则表达式进行验证，而字段多的验证可以通过字定义VType类型进行验证支持。

另外一种方式是扩展一些VType，基本上是用正则表达式的，方便做验证。

Extjsform组件
1、Ext.form.Action

配置项：
success：执行成功后回调的函数，包括两个参数：form和action
failure：执行失败后回调的函数，包括两个参数：form和action
method：表单的提交方式，有效值包括GET、POST
params：传递到请求中的参数
url：动作提交的路径
waitMsg：动作执行时显示的等待信息
属性：
Action.CLIENT_INVALID：客户端验证错误
Action.CONNECT_FAILURE：通信错误
Action.LOAD_FAILURE：加载数据时，没有包含data属性的字段被返回
Action.SERVER_INVALID：服务端验证错误
failureType：错误类型
result：包含布尔类型的success属性和其他属性，如{success:true,msg:'ok'}
type：动作类型，可选值有submit和load
Ext.form.Action.Submit：返回的信息中要包含一个布尔类型的success属性和一个可选的errors属性
Ext.form.Action.Load：返回的信息中要包含一个布尔类型的success属性和一个data属性

2、Ext.form.BasicForm
配置项：
baseParams：传递到请求中的参数
method：表单的提交方式，有效值包括GET、POST
url：表单默认的提交路径
fileUpload：表单是否进行文件上传
timeout：表单动作的超时时间，默认为30秒
trackResetOnLoad：是否在表单初次创建时清楚数据
方法：
doAction(String/ObjectactionName,[Objectoptions])：执行一个预订的动作，可用选项包括：
url：动作提交的路径
method：表单的提交方式，有效值包括GET、POST
params：传递到请求中的参数
headers：
success：执行成功后回调的函数，包括两个参数：form和action
failure：执行失败后回调的函数，包括两个参数：form和action
clientValidation：是否客户端验证
clearInvalid()：清除表单中所有的无效验证信息
findField(Stringid)：查找表单字段
getValues([BooleanasString])：
isDirty