验证控件的使用,HTML验证

2024-10-12 11:07:59

1、没用过EasyUI的,先百度easyui,到官网下载对应插件库文件。然后在你的站点上引入相关文件,(easyui的js, jquery.js, easyui的css样式)

验证控件的使用,HTML验证

3、因为是必填项,没填数据时,会提示这是必填项,填上后,就不再有提示信息提示,当email格式不对,也会提示。

验证控件的使用,HTML验证

4、除了插件自询骆帘呦带的这些验证规则,我们也可以自己写规则,丰富验证插件的验证功能。比如我们添加一个验证手机格式的规则,剧安颌儿如图通过extend方法,去扩展validatebox的规则rule就行了,mobile就是规则名称,validator就是一个方法,具体的验证逻辑,message就是验证不通过时的提示信息

验证控件的使用,HTML验证验证控件的使用,HTML验证

7、脚本逻辑里,我们为button添加点击事件,点击后,调用form的validate方法,来验证form里的所有输入是否都通过了验证,没有全部通过的,则不做任何提交,只能通过时,才调用submit()方法去提交form. 如图

验证控件的使用,HTML验证验证控件的使用,HTML验证
猜你喜欢