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在TextArea光标位置插入文字并实现移动光标到文字末尾
Jun 21 Javascript
JS简单实现登陆验证附效果图
Nov 19 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
Apr 11 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
Jun 06 Javascript
js显示当前日期时间和星期几
Oct 22 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
Jul 22 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
Layui数据表格跳转到指定页的实现方法
Sep 05 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
Sep 12 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 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
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
从零开始学YII2框架(三)扩展插件yii2-gird
2014/08/20 PHP
PHP删除数组中指定值的元素常用方法实例分析【4种方法】
2018/08/21 PHP
Laravel配合jwt使用的方法实例
2020/10/25 PHP
一个js写的日历(代码部分网摘)
2009/09/20 Javascript
JS判定是否原生方法
2013/07/22 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
2015/03/25 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
JS实现的自定义右键菜单实例二则
2015/09/01 Javascript
Javascript小技能总结(推荐)
2016/06/02 Javascript
js实现表单提交后不重新刷新当前页面
2016/11/30 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
原生js实现验证码功能
2017/03/16 Javascript
Javascript实现数组中的元素上下移动
2017/04/28 Javascript
js实现倒计时关键代码
2017/05/05 Javascript
使用node打造自己的命令行工具方法教程
2018/03/26 Javascript
vue-cli中安装方法(图文详细步骤)
2018/12/12 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
Vue 无限滚动加载指令实现方法
2019/05/28 Javascript
Vue组件跨层级获取组件操作
2020/07/27 Javascript
gearman的安装启动及python API使用实例
2014/07/08 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
python 应用之Pycharm 新建模板默认添加编码格式-作者-时间等信息【推荐】
2019/06/17 Python
Python简易版图书管理系统
2019/08/12 Python
python有序查找算法 二分法实例解析
2020/02/18 Python
查看已安装tensorflow版本的方法示例
2020/04/19 Python
基于python生成英文版词云图代码实例
2020/05/16 Python
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
英国床垫和床架购物网站:Bedman
2019/11/04 全球购物
Tessabit日本:集世界奢侈品和设计师品牌的意大利精品买手店
2020/01/07 全球购物
params有什么用
2016/03/01 面试题
经济信息管理专业大学生求职信
2013/09/27 职场文书
学校百日安全生产活动总结
2014/07/05 职场文书
中国梦演讲稿5分钟
2014/08/19 职场文书
小平小道观后感
2015/06/09 职场文书