EasyUI - 验证框使用方法

本文详细介绍了EasyUI中的验证框功能,包括如何配置验证规则、显示错误提示以及与表单交互的方法。通过实例展示如何在前端实现数据验证,确保用户输入的有效性,提升用户体验。
摘要由CSDN通过智能技术生成
一、属性
    validType:定义字段的验证类型
    required:定义文本域是否为必填项,默认 false
    missingMessage: 当文本框为空时提示的文本信息,默认 This field is required.
    invalidMessage:当文本框内容不合法时提示的文本信息

二、使用
    1. 添加数据验证的方法
        文本验证:
<input class="easyui-validatebox" missingMessage="不少于3个字符" required="true" validType="length[3,255]" invalidMessage="不能超过255个字符" />
        数字验证:
<input class="easyui-numberbox" min="5.5" max="20" precision="2" required="true" missingMessage="必须填写5.5~10之间的数字" />
        日期验证:
<input class="easyui-datebox" required="true" missingMessage="日期必须填写" editable="false" />

    2.调用数据验证的方法

return $("#form1").form('validate');


 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值