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的一个简单的脚本验证插件
Apr 05 Javascript
写自已的js类库需要的核心代码
Jul 16 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
jquery分隔Url的param方法(推荐)
May 25 Javascript
ionic实现滑动的三种方式
Aug 27 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
Apr 18 Javascript
解决vue 路由变化页面数据不刷新的问题
Mar 13 Javascript
模块化react-router配置方法详解
Jun 03 Javascript
jQuery实现轮播图效果
Nov 26 jQuery
结合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
如何跨站抓取别的站点的页面的补充
2006/10/09 PHP
Look And Say 序列php实现代码
2011/05/22 PHP
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
php中preg_replace_callback函数简单用法示例
2016/07/21 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
Yii 框架使用数据库(databases)的方法示例
2020/05/19 PHP
javascript instanceof 与typeof使用说明
2010/01/11 Javascript
javascript中的parseInt和parseFloat区别
2013/07/12 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
2013/12/04 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
JavaScript实现列表分页功能特效
2015/05/15 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
2015/07/29 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
2017/03/06 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
vue实现表单录入小案例
2019/09/27 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
vant picker+popup 自定义三级联动案例
2020/11/04 Javascript
[05:31]DOTA2英雄梦之声_第04期_光之守卫
2014/06/23 DOTA
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28
2020/12/02 DOTA
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
浅析Django中关于session的使用
2019/12/30 Python
python GUI库图形界面开发之PyQt5菜单栏控件QMenuBar的详细使用方法与实例
2020/02/28 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
小区门卫工作职责
2013/12/14 职场文书
最新结婚典礼主持词
2014/03/14 职场文书
大学学雷锋活动总结
2014/06/26 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
2014年科室工作总结范文
2014/12/19 职场文书
公司开业致辞
2015/07/29 职场文书
Python中Permission denied的解决方案
2021/04/02 Python
使用Oracle跟踪文件的问题详解
2021/06/28 Oracle
《艾尔登法环》Boss腐烂树灵很有可能是《黑暗之魂3》的一个废案
2022/04/11 其他游戏
Linux中如何安装并部署Redis
2022/04/18 Servers