首页 > 代码库 > FineUI第九天---表单验证

FineUI第九天---表单验证

表单验证

 

步骤:

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表单控制

可以通过LabelWidthLabelSeparator两个属性进行控制。


 

控件中验证的一些通用属性:(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(例子): 

技术分享 

技术分享

 

 

服务器端验证:

技术分享 

 

验证就这么结束了!!!

FineUI第九天---表单验证