• 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(例子): 

     

    服务器端验证:

     

    验证就这么结束了!!!

  • 相关阅读:
    清理计算机硬盘
    DIY-组装
    go函数类型的使用
    go同步互斥锁
    Go读写文件
    go mod
    go html
    channel
    arp和rarp协议
    自己实现的反射
  • 原文地址:https://www.cnblogs.com/duyao/p/4204019.html
Copyright © 2020-2023  润新知