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

可以通过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（例子）： 

 

 

 

服务器端验证：

 

 

验证就这么结束了！！！