Jquery插件easyUi表单验证提交(示例代码)


Posted in Javascript onDecember 30, 2013
<form id="myForm" method="post">
  <table align="center" style="width:400px;height:auto;margin-top: 20px">  
         <tr>                              
             <td align="right">命令:</td>    
             <td><input id="cmd" name="cmd" style="width: 200px;" class="easyui-validatebox" required="true" validType="length[5,12]" missingMessage="不能为空"/></td> 
         </tr>
         <tr>              
             <td align="right">描述:</td>
         <td><input id="depict" name="depict" style="width: 200px;" class="easyui-validatebox" required="true" validType="length[5,12]" missingMessage="不能为空"/></td> 
         </tr>
         <tr>               
             <td align="right">类型:</td>               
             <td><input id="type" style="width: 200px" class="easyui-validatebox"
     url="data/editHealthCheckCombobox_data.json" valueField="id"
     textField="text" /></td> 
         </tr> 
         <tr>
             <td align="right">分数:</td>               
             <td><input id="score" name="score" style="width: 200px" valueField="number"/></td> 
         </tr>
         <tr> 
             <td align="right">使用状况:</td>               
             <td><input id="isUse" style="width: 200px" class="easyui-validatebox"/></td> 
         </tr> 
         <tr> 
             <td align="center" colspan="2">
              <input type="submit"  value="提交"/>
     <input type="reset" value="重置"/>
             </td>               
         </tr>
  </table>
 </form>

//表单提交
 $('#myForm').form({
     url:'/ProcessServlet',
     onSubmit:function(){
         return $(this).form('validate');
     },
     success:function(data){
         alert(data);
     }
 }); 
Javascript 相关文章推荐
跟随鼠标旋转的文字
Nov 30 Javascript
Javascript 静态页面实现随机显示广告的办法
Nov 17 Javascript
jquery ajax例子返回值详解
Sep 11 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
Aug 18 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
Jul 24 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
Jan 10 Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 Javascript
vue.js与后台数据交互的实例讲解
Aug 08 Javascript
在vue中使用SockJS实现webSocket通信的过程
Aug 29 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
Dec 30 #Javascript
Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解
Dec 30 #Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
Dec 30 #Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 #Javascript
jQuery中.live()方法的用法深入解析
Dec 30 #Javascript
Javasipt:操作radio标签详解
Dec 30 #Javascript
js获取select标签的值且兼容IE与firefox
Dec 30 #Javascript
You might like
PHP和Mysqlweb应用开发核心技术-第1部分 Php基础-2 php语言介绍
2011/07/03 PHP
Yii2.0 模态弹出框+ajax提交表单
2016/05/22 PHP
用nodejs写的一个简单项目打包工具
2013/05/11 NodeJs
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
基于jQuery实现弹幕APP
2017/02/10 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
2018/01/09 Javascript
微信小程序实时聊天WebSocket
2018/07/05 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
2019/02/21 Javascript
微信小程序的线程架构【推荐】
2019/05/14 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
2020/05/09 Javascript
javascript实现点击按钮切换轮播图功能
2020/09/23 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
[13:55]Newbee vs Team Spirit
2018/06/07 DOTA
Python第三方库的安装方法总结
2016/06/06 Python
python使用super()出现错误解决办法
2017/08/14 Python
python+influxdb+shell编写区域网络状况表
2018/07/27 Python
Python模拟简单电梯调度算法示例
2018/08/20 Python
Django实现表单验证
2018/09/08 Python
详解通过API管理或定制开发ECS实例
2018/09/30 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
python django中8000端口被占用的解决
2019/12/17 Python
Python3监控疫情的完整代码
2020/02/20 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
django实现日志按日期分割
2020/05/21 Python
关于HTML5的22个初级技巧(图文教程)
2012/06/21 HTML / CSS
静态变量和实例变量的区别
2015/07/07 面试题
JSF界面控制层技术
2013/06/17 面试题
会计实习自我鉴定
2013/12/04 职场文书
甲方资料员岗位职责
2013/12/13 职场文书
信息技术毕业生自荐信范文
2014/03/13 职场文书
酒店优秀员工事迹材料
2014/06/02 职场文书
2014年最新离婚协议书范本
2014/10/11 职场文书
公司离职证明标准格式
2014/11/18 职场文书
MySQL数据库配置信息查看与修改方法详解
2022/06/25 MySQL