博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
FineUI第九天---表单验证
阅读量:4314 次
发布时间:2019-06-06

本文共 1823 字,大约阅读时间需要 6 分钟。

表单验证

 

步骤:

1、比如为TextBox设置Required=”true”或者ShowRedStar=”true”两个属性,表示此输入为必填项,并且在标签的后面显示一个红色的星号提示。

2、ValidateForms:需要验证的表单名称列表(逗号分隔),可以指定点击按钮时同时验证多个表单。

 

     ValidateTarget:验证失败时提示对话框弹出位置,可以是Self、Parent、Top。在框架页面中,你可能希望弹出的提示信息能够覆盖整个页面,而不仅仅是IFrame的部分页面。

一些属性对验证的控制:

1.WebConfig.config控制

FormMessageTarget、FormOffsetRight、FormLabelWidth、FormLabelSeparator
几个参数来设置,在第三章中有说到

2. PageManager级别的控制

同样也有四个属性来控制

3、在Form、SimpleForm表单控制

可以通过LabelWidth和LabelSeparator两个属性进行控制。

 

控件中验证的一些通用属性:(DropDownList下拉列表、DatePicker日期、NumberBox、TextArea文本域、TextBox文本框等表单控件都有的验证属性) 

 1.是否为必选:

  • Required(布尔):是否为必填项
  • RequiredMessage(字符串):为空时提示信息

 2.正则表达式相关:

  • Regex(字符串):满足正则表达式
  • RegexMessage(字符串):不满足时提示信息
  • RegexPattern(枚举):正则表达式常用类型
    • RegexPattern.NUMBER:数字
    • RegexPattern.ALPHA:大写和小写字母
    • RegexPattern.ALPHA_NUMERIC:字母和数字
    • RegexPattern.ALPHA_UNDERLINE:字母和下划线
    • RegexPattern.ALPHA_NUMERIC_UNDERLINE:字母数字和下划线
    • RegexPattern.ALPHA_LOWER_CASE:小写字母
    • RegexPattern.ALPHA_UPPER_CASE:大写字母
    • RegexPattern.EMAIL:电子邮箱
    • RegexPattern.URL:网址
    • RegexPattern.POSTAL_CODE:邮政编码
    • RegexPattern.IP_ADDRESS:IP地址
    • RegexPattern.IDENTITY_CARD:身份证号(不错吧,还有国内的18位身份证号)

 

3.长度限制:

  • MaxLength(整数):最大长度
  • MaxLengthMessage(字符串):超过最大长度时提示信息
  • MinLength(整数):最小长度
  • MinLengthMessage(字符串):少于最小长度时提示信息 

 4. 比较(包括与控件值比较、与常量比较)

  • CompareControl(字符串):需要比较的控件ID
  • CompareValue(字符串):需要比较的值
  • CompareOperator(枚举):比较操作符
    • Operator.Equal(默认值)
    • Operator.GreaterThan
    • Operator.GreaterThanEqual
    • Operator.LessThan
    • Operator.LessThanEqual
    • Operator.NotEqual
  • CompareType(枚举):比较的类型
    • CompareType.Float(浮点类型)
    • CompareType.Int(整形)
    • CompareType.String(默认值)
  • CompareMessage(字符串):不满足比较条件时提示信息

表单控件特有的属性:

1. 日期选择控件(DatePicker)

 

  • MinDate(日期):最小日期限制
  • MaxDate(日期):最大日期限制

2.数字输入框(NumberBox)

  • MinValue(浮点数):最小值
  • MaxValue(浮点数):最大值
  • NoNegative(布尔):不允许负数
  • NoDecimal(布尔):不允许小数
  • DecimalPrecision(整数):小数点后的位数(默认为2)

 

Example(例子): 

 

 

 

服务器端验证:

 

 

验证就这么结束了!!!

转载于:https://www.cnblogs.com/duyao/p/4204019.html

你可能感兴趣的文章
unity3d 射弹基础案例代码分析
查看>>
thinksns 分页数据
查看>>
os模块
查看>>
C# 上传文件到指定路径
查看>>
LINQ to SQL vs. NHibernate
查看>>
基于Angular5和WebAPI的增删改查(一)
查看>>
windows 10 & Office 2016 安装
查看>>
最短路径(SP)问题相关算法与模板
查看>>
js算法之最常用的排序
查看>>
Python——交互式图形编程
查看>>
经典排序——希尔排序
查看>>
团队编程项目作业2-团队编程项目代码设计规范
查看>>
英特尔公司将停止910GL、915GL和915PL芯片组的生产
查看>>
团队编程项目作业2-团队编程项目开发环境搭建过程
查看>>
Stax解析XML示例代码
查看>>
cookie
查看>>
二级图片导航菜单
查看>>
<Using parquet with impala>
查看>>
OpenGL渲染流程
查看>>
委托异步回调
查看>>