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 相关文章推荐
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
Jun 08 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
May 28 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
Node.js  REPL (交互式解释器)实例详解
Aug 06 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
详解cordova打包成webapp的方法
Oct 18 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
基于vue手写tree插件的那点事儿
Aug 20 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新手谈谈我的学习心得
2007/02/25 PHP
PHP base64+gzinflate压缩编码和解码代码
2008/10/03 PHP
PHP实现把MySQL数据库导出为.sql文件实例(仿PHPMyadmin导出功能)
2014/05/10 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
php网页版聊天软件实现代码
2016/08/12 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
JavaScript与ActionScript3两者的同性与差异性
2016/09/22 Javascript
js获取元素的标签名实现方法
2016/10/08 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
two.js之实现动画效果示例
2017/11/06 Javascript
JS实现常见的查找、排序、去重算法示例
2018/05/21 Javascript
js实现各浏览器全屏代码实例
2018/07/03 Javascript
Vue源码解读之Component组件注册的实现
2018/08/24 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
javascript实现一款好看的秒表计时器
2020/09/05 Javascript
Swiper实现导航栏滚动效果
2020/10/16 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
Django实现图片文字同时提交的方法
2015/05/26 Python
Python Scrapy多页数据爬取实现过程解析
2020/06/12 Python
python判断变量是否为列表的方法
2020/09/17 Python
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
如何选择使用结构还是类
2014/05/30 面试题
解释下列WebService名词:WSDL、SOAP、UDDI
2012/06/22 面试题
银行门卫岗位职责
2013/12/29 职场文书
迎新晚会邀请函
2014/02/01 职场文书
2014年重阳节活动策划方案书
2014/09/16 职场文书
学习十八届四中全会依法治国心得体会
2014/11/03 职场文书
2014年城管个人工作总结
2014/12/08 职场文书
医院感染管理制度
2015/08/05 职场文书
2016年公务员六五普法心得体会
2016/01/21 职场文书
2016年党员公开承诺书格式范文
2016/03/24 职场文书
MySQL系列之十一 日志记录
2021/07/02 MySQL
聊聊SpringBoot自动装配的魔力
2021/11/17 Java/Android