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 ajax abort()的使用方法
Oct 28 Javascript
ExtJs使用总结(非常详细)
Mar 22 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
Dec 10 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
Apr 01 Javascript
详解JavaScript的内置对象
Dec 07 Javascript
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
解决bootstrap模态框数据缓存的问题方法
Aug 10 Javascript
javascript面向对象三大特征之继承实例详解
Jul 24 Javascript
vue中配置scss全局变量的步骤
Dec 28 Vue.js
vue2的 router在使用过程中遇到的一些问题
Apr 13 Vue.js
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 Vue.js
Rust中的Struct使用示例详解
Aug 14 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
在Windows系统下使用PHP生成Word文档的教程
2015/07/03 PHP
php中array_unshift()修改数组key注意事项分析
2016/05/16 PHP
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
jsp+javascript打造级连菜单的实例代码
2013/06/14 Javascript
jquery 添加节点的几种方法介绍
2013/09/04 Javascript
jQuery中extend函数的实现原理详解
2015/02/03 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
2015/12/10 Javascript
JavaScript实现图片瀑布流和底部刷新
2017/01/02 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
2017/03/25 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
2017/05/24 jQuery
详解如何让Express支持async/await
2017/10/09 Javascript
js经验分享 JavaScript反调试技巧
2018/03/10 Javascript
微信小程序中时间戳和日期的相互转换问题
2018/07/09 Javascript
JS数组去重的6种方法完整实例
2018/12/08 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
2019/04/10 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
2020/02/11 Javascript
[48:32]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs VG
2018/04/01 DOTA
Python调用C/C++动态链接库的方法详解
2014/07/22 Python
Python的gevent框架的入门教程
2015/04/29 Python
关于Django ForeignKey 反向查询中filter和_set的效率对比详解
2018/12/15 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
pytorch在fintune时将sequential中的层输出方法,以vgg为例
2019/08/20 Python
让Django的BooleanField支持字符串形式的输入方式
2020/05/20 Python
python能否java成为主流语言吗
2020/06/22 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
利用HTML5画出一个坦克的形状具体实现代码
2013/06/20 HTML / CSS
C语言面试题
2013/05/19 面试题
环境工程大学生自荐信
2013/10/21 职场文书
2014年两会学习心得范例
2014/03/17 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书
前端学习——JavaScript原生实现购物车案例
2021/03/31 Javascript