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的Pager分页器实现代码
Jul 17 Javascript
json中换行符的处理方法示例介绍
Jun 10 Javascript
javascript的push使用指南
Dec 05 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
Javascript基础_嵌入图像的简单实现
Jun 14 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
Dec 12 Javascript
bootstrap滚动监控器使用方法解析
Jan 13 Javascript
微信小程序 开发MAP(地图)实例详解
Jun 27 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
深入理解Vue keep-alive及实践总结
Aug 21 Javascript
JavaScript实现PC端四格密码输入框功能
Feb 19 Javascript
vue的项目如何打包上线
Apr 13 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通过sort()函数给数组排序的方法
2015/03/18 PHP
php+jquery+html实现点击不刷新加载更多的实例代码
2016/08/12 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
[原创]网络复制内容时常用的正则+editplus
2006/11/30 Javascript
js模拟弹出效果代码修正版
2008/08/07 Javascript
自己整理的一个javascript日期处理函数
2010/10/16 Javascript
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
2013/11/06 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
2014/03/05 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
JavaScript中提前声明变量或函数例子
2014/11/12 Javascript
Dojo获取下拉框的文本和值实例代码
2016/05/27 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
2016/07/07 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
常用的javascript设计模式
2017/01/11 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
Angular X中使用ngrx的方法详解(附源码)
2017/07/10 Javascript
vue实现分页组件
2020/06/16 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
JavaScript键盘事件响应顺序详解
2019/09/30 Javascript
JavaScript实现跟随鼠标移动的盒子
2021/01/28 Javascript
Python内置的字符串处理函数详细整理(覆盖日常所用)
2014/08/19 Python
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
以windows service方式运行Python程序的方法
2015/06/03 Python
Python冒泡排序注意要点实例详解
2016/09/09 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
python实现随机漫步算法
2018/08/27 Python
python3+selenium实现126邮箱登陆并发送邮件功能
2019/01/23 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
python取均匀不重复的随机数方式
2019/11/27 Python
基于Python fminunc 的替代方法
2020/02/29 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
美国在线家装零售商:Build.com
2016/09/02 全球购物
Hotels.com泰国:酒店预订网站
2019/11/20 全球购物
会计岗位职责模板
2014/03/12 职场文书
2015毕业寄语大全
2015/02/26 职场文书