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 相关文章推荐
XRegExp 0.2: Now With Named Capture
Nov 30 Javascript
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
Jul 06 Javascript
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
Oct 20 Javascript
javascript时间函数大全
Jun 30 Javascript
原生js验证简洁注册登录页面
Dec 17 Javascript
JS非行间样式获取函数的实例代码
Jun 05 Javascript
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
Vue-CLI3.x 设置反向代理的方法
Dec 06 Javascript
Three.js实现简单3D房间布局
Dec 30 Javascript
小程序实现多列选择器
Feb 15 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
Aug 20 Javascript
Vue Element plus使用方法梳理
Dec 24 Vue.js
结合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
PHP微框架Dispatch简介
2014/06/12 PHP
Win7 64位系统下PHP连接Oracle数据库
2014/08/20 PHP
Smarty foreach控制循环次数的一些方法
2015/07/01 PHP
CodeIgniter记录错误日志的方法全面总结
2016/05/17 PHP
php操作xml并将其插入数据库的实现方法
2016/09/08 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
2019/10/13 PHP
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
Javascript的闭包详解
2014/12/26 Javascript
第七章之菜单按钮图标组件
2016/04/25 Javascript
jQuery插件扩展实例【添加回调函数】
2016/11/26 Javascript
jQuery实现的手风琴侧边菜单效果
2017/03/29 jQuery
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
2020/05/11 Javascript
python 读入多行数据的实例
2018/04/19 Python
完美解决在oj中Python的循环输入问题
2018/06/25 Python
python 自定义对象的打印方法
2019/01/12 Python
Python3.7将普通图片(png)转换为SVG图片格式(网站logo图标)动起来
2020/04/21 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
Python 程序员必须掌握的日志记录
2020/08/17 Python
一篇文章带你搞定Ubuntu中打开Pycharm总是卡顿崩溃
2020/11/02 Python
Python暴力破解Mysql数据的示例
2020/11/09 Python
Booking.com西班牙:全球酒店预订
2018/03/30 全球购物
波兰在线杂货店:Polski Koszyk
2019/11/02 全球购物
公务员培训心得体会
2013/12/28 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
驾驶员安全责任书范本
2014/07/24 职场文书
论群众路线学习笔记
2014/11/06 职场文书
学前班教学反思
2016/02/24 职场文书
2016年度师德标兵先进事迹材料
2016/02/26 职场文书
Java完整实现记事本代码
2022/06/16 Java/Android
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang