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 相关文章推荐
弹出广告特效代码(一个IP只弹出一次)
May 11 Javascript
javascript 必知必会之closure
Sep 21 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
Mar 16 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
Mar 24 Javascript
js处理层级数据结构的方法小结
Jan 17 Javascript
几行js代码实现自适应
Feb 24 Javascript
详解Node.js实现301、302重定向服务
Apr 07 Javascript
vue-cli 首屏加载优化问题
Nov 06 Javascript
微信小程序云函数使用mysql数据库过程详解
Aug 07 Javascript
Jquery Datatables的使用详解
Jan 30 jQuery
VUE项目实现主题切换的多种方法
Nov 26 Vue.js
ES2020让代码更优美的运算符 (?.) (??)
Jan 04 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
phpmyadmin打开很慢的解决方法
2014/04/21 PHP
php根据一个给定范围和步进生成数组的方法
2015/06/19 PHP
php-msf源码详解
2017/12/25 PHP
JavaScript this调用规则说明
2010/03/08 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
JavaScript获取文本框内选中文本的方法
2015/02/20 Javascript
jquery插件bxslider用法实例分析
2015/04/16 Javascript
jQuery简单实现两级下拉菜单效果代码
2015/09/15 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
js模拟微博发布消息
2017/02/23 Javascript
正则验证小数点后面只能有两位数的方法
2017/02/28 Javascript
JS实现复制功能
2017/03/01 Javascript
JS轮播图实现简单代码
2021/02/19 Javascript
vue-router 组件复用问题详解
2018/01/22 Javascript
JavaScript实现京东购物放大镜和选项卡效果的方法分析
2018/07/05 Javascript
全面了解JavaScript的作用域链
2019/04/03 Javascript
javascript浅层克隆、深度克隆对比及实例解析
2020/02/09 Javascript
webpack+vue.js构建前端工程化的详细教程
2020/05/10 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
python psutil库安装教程
2018/03/19 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
Python生命游戏实现原理及过程解析(附源代码)
2019/08/01 Python
浅谈Django中的QueryDict元素为数组的坑
2020/03/31 Python
Python数据可视化常用4大绘图库原理详解
2020/10/23 Python
浅析python连接数据库的重要事项
2021/02/22 Python
html5使用canvas实现跟随光标跳动的火焰效果
2014/01/07 HTML / CSS
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
工程业务员岗位职责
2013/12/31 职场文书
《胡杨》教学反思
2014/02/16 职场文书
小学生中国梦演讲稿
2014/04/23 职场文书
我的中国梦演讲稿小学篇
2014/08/19 职场文书
单位在职证明书
2014/09/11 职场文书
中学社团活动总结
2015/05/07 职场文书
python可视化大屏库big_screen示例详解
2021/11/23 Python
MySQL表锁、行锁、排它锁及共享锁的使用详解
2022/04/02 MySQL