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 相关文章推荐
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
Mar 22 Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
Mar 15 Javascript
Bootstrap每天必学之轮播(Carousel)插件
Apr 25 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
Jun 17 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
Aug 23 Javascript
AngularJS 应用身份认证的技巧总结
Nov 07 Javascript
Node做中转服务器转发接口
Oct 18 Javascript
js正则表达式校验指定字符串的方法
Jul 23 Javascript
vue2过滤器模糊查询方法
Sep 16 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
Feb 02 Javascript
vue component 中引入less文件报错 Module build failed
Apr 17 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
php 去除html标记--strip_tags与htmlspecialchars的区别详解
2013/06/26 PHP
php 类自动载入的方法
2015/06/03 PHP
PHP读取大文件末尾N行的高效方法推荐
2016/06/03 PHP
利用PHPExcel读取Excel的数据和导出数据到Excel
2017/05/12 PHP
跨域表单提交状态的变相判断代码
2009/11/12 Javascript
js中判断对象是否为空的三种实现方法
2013/12/23 Javascript
jquery实现submit提交表单
2015/02/03 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
2015/08/24 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
2016/05/03 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
2016/05/27 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
angularjs 中$apply,$digest,$watch详解
2016/10/13 Javascript
详解Node.js:events事件模块
2016/11/24 Javascript
javascript 初学教程及五子棋小程序的简单实现
2017/07/04 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
微信小程序实现的canvas合成图片功能示例
2019/05/03 Javascript
js验证密码强度解析
2020/03/18 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
python测试驱动开发实例
2014/10/08 Python
python 将list转成字符串,中间用符号分隔的方法
2018/10/23 Python
Python3 pip3 list 出现 DEPRECATION 警告的解决方法
2019/02/16 Python
python使用sklearn实现决策树的方法示例
2019/09/12 Python
Python数据可视化:饼状图的实例讲解
2019/12/07 Python
PyTorch实现更新部分网络,其他不更新
2019/12/31 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
QT5 Designer 打不开的问题及解决方法
2020/08/20 Python
五分钟学会怎么用python做一个简单的贪吃蛇
2021/01/12 Python
介绍一下mysql的日期和时间函数
2013/03/28 面试题
幼儿园教师师德师风演讲稿:爱我所爱 无悔青春
2014/09/10 职场文书
学校财务管理制度
2015/08/04 职场文书
Django如何与Ajax交互
2021/04/29 Python
面试被问select......for update会锁表还是锁行
2021/11/11 MySQL
vue ref如何获取子组件属性值
2022/03/31 Vue.js