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 相关文章推荐
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
Mar 05 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
Aug 18 Javascript
使用npm发布Node.JS程序包教程
Mar 02 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
jQuery解析json格式数据简单实例
Jan 22 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
jstree单选功能的实现方法
Jun 07 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
May 04 Javascript
Vue中的字符串模板的使用
May 17 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
Aug 17 Javascript
手机浏览器唤起微信分享(JS)
Oct 11 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
apache+php完美解决301重定向的两种方法
2011/06/08 PHP
js获取浏览器的可视区域尺寸的实现代码
2011/11/30 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
2015/08/24 Javascript
Jquery基础之事件操作详解
2016/06/14 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
2016/12/20 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
jQuery查找dom的几种方法效率详解
2017/05/17 jQuery
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
详解AngularJS脏检查机制及$timeout的妙用
2017/06/19 Javascript
Angularjs自定义指令实现分页插件(DEMO)
2017/09/16 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
react+ant design实现Table的增、删、改的示例代码
2018/12/27 Javascript
python实现迭代法求方程组的根过程解析
2019/11/25 Javascript
深入分析jQuery.one() 函数
2020/06/03 jQuery
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
Python sys.argv用法实例
2015/05/28 Python
理解Python中的绝对路径和相对路径
2017/08/30 Python
python2与python3的print及字符串格式化小结
2018/11/30 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
Python selenium的基本使用方法分析
2019/12/21 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
HTML5实现获取地理位置信息并定位功能
2015/04/25 HTML / CSS
优秀本科生求职推荐信
2014/02/24 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
投标人廉洁自律承诺书
2014/05/26 职场文书
酒店开业策划方案
2014/06/02 职场文书
数学教研活动总结
2014/07/02 职场文书
片区教研活动总结
2014/07/02 职场文书
建筑安全生产责任书
2014/07/22 职场文书
党委班子对照检查材料
2014/08/19 职场文书
就业协议书
2014/09/12 职场文书
2016同学毕业寄语大全
2015/12/04 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书
南阳市白酒市场的调查报告
2019/11/08 职场文书
python基础入门之字典和集合
2021/06/13 Python