雷林鹏分享:jQuery EasyUI 表单 - 表单验证
jQuery EasyUI 表单 - 表单验证
本教程将向您展示如何验证一个表单。easyui 框架提供一个 validatebox 插件来验证一个表单。在本教程中,我们将创建一个联系表单,并应用 validatebox 插件来验证表单。然后您可以根据自己的需求来调整这个表单。
创建表单(form)
让我们创建一个简单的联系表单,带有 name、email、subject 和 message 字段:
Name:
Email:
Subject:
Message:
<textarea name="message" style="height:60px;"></textarea>
我们添加一个样式名为 easyui-validatebox 到 input 标记,所以 input 标记将根据 validType 属性应用验证。
当表单无效时阻止表单提交
当用户点击表单的 submit 按钮时,如果表单是无效的,我们应该阻止表单提交。
$('#ff').form({
url:'form3_proc.php',
onSubmit:function(){
return $(this).form('validate');
},
success:function(data){
$.messager.alert('Info', data, 'info');
}
});
如果表单是无效的,将显示一个提示信息。
下载 jQuery EasyUI 实例
jeasyui-form-form3.zip
本文转载自:w3cschool
(编辑:雷林鹏 来源:网络 侵删)
最新文章
- Jquery Mobile示例
- GetComponent
- Ubuntu Navicat for MySQL安装以及破解方案
- [Everyday Mathematics]20150223
- h2 database
- MySQL注入总结
- 通过实现Comparable接口结合TreeSet来对对象自动排序
- Keychain 浅析
- (删)Java线程同步实现二:Lock锁和Condition
- awk的sub函数和gsub函数的用法
- idea的maven搭建
- Nintex History in Form Table
- Jenkins不同job之间传递参数
- postman设置token关联参数,其他接口直接读取token变量
- 基础 - 获得CPU主频
- Java 生成三位随机数
- Python实现Plugin(插件化开发)
- 上海大都会赛 I Matrix Game(最大流)
- Mac环境下配置Tomcat+Eclipse
- 子类化QTreeWidgetItem实现增加Item的属性
热门文章
- UFS 介绍 1[【转】
- word如何替换行首?
- loj#2305. 「NOI2017」游戏 2-sat
- win10安装Zookeeper3.4.12
- (转)Spring Cloud(二)
- CssClass=";Hidden";和Visible=";False";
- 物体检测算法 SSD 的训练和测试
- Unity3D学习笔记(三十五):Shader着色器(2)- 顶点片元着色器
- Java二进制指令
- 查看kubernets上的image信息