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 相关文章推荐
JavaScript 指导方针
Apr 05 Javascript
js 数值项目的格式化函数代码
May 14 Javascript
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
Sep 19 Javascript
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
Apr 27 Javascript
我的Node.js学习之路(四)--单元测试
Jul 06 Javascript
Javascript控制input输入时间格式的方法
Jan 28 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 Javascript
从零学习node.js之mysql数据库的操作(五)
Feb 24 Javascript
vue实现前进刷新后退不刷新效果
Jan 26 Javascript
Vue.js 2.0和Cordova开发webApp环境搭建方法
Feb 26 Javascript
Js经典案例的实例代码
May 10 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
Jul 01 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中OR与|| AND与&amp;&amp;的区别总结
2013/10/26 PHP
PHP格式化MYSQL返回float类型的方法
2016/03/30 PHP
thinkphp5.1框架实现格式化mysql时间戳为日期的方式小结
2019/10/10 PHP
JSQL  一个 web DB 的封装
2010/05/05 Javascript
JavaScript的递归之递归与循环示例介绍
2013/08/05 Javascript
javascript jq 弹出层实例
2013/08/25 Javascript
JavaScript中的字符串操作详解
2013/11/12 Javascript
js脚本获取webform服务器控件的方法
2014/05/16 Javascript
教你如何使用node.js制作代理服务器
2014/11/26 Javascript
VC调用javascript的几种方法(推荐)
2016/08/09 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
2016/10/24 Javascript
用nodejs搭建websocket服务器
2017/01/23 NodeJs
MvcPager分页控件 适用于Bootstrap
2017/06/03 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
2019/08/20 Javascript
nodejs nedb 封装库与使用方法示例
2020/02/06 NodeJs
JS判断数组四种实现方法详解
2020/06/29 Javascript
[02:04]2014DOTA2国际邀请赛 DK一个时代的落幕
2014/07/21 DOTA
python基础教程之Hello World!
2014/08/29 Python
探究python中open函数的使用
2016/03/01 Python
Numpy数组的保存与读取方法
2018/04/04 Python
对python中的for循环和range内置函数详解
2018/04/17 Python
利用Python进行数据可视化常见的9种方法!超实用!
2018/07/11 Python
Python面向对象编程基础实例分析
2020/01/17 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
如何使用 Python 读取文件和照片的创建日期
2020/09/05 Python
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
出纳岗位职责模板
2013/11/27 职场文书
消防安全管理制度
2014/02/01 职场文书
职工运动会邀请函
2014/02/02 职场文书
职业规划实施方案
2014/06/10 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
文明单位创建材料
2014/12/24 职场文书
红色故事汇观后感
2015/06/18 职场文书