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 寻址,闭包,对象模型和相关问题
Apr 27 Javascript
js的for in循环和java里foreach循环的区别分析
Jan 28 Javascript
js实现宇宙星空背景效果的方法
Mar 03 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
AngularJS全局警告框实现方法示例
May 18 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
May 23 Javascript
Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能
Jan 26 Javascript
JavaScript复制内容到剪贴板的两种常用方法
Feb 27 Javascript
vue通过cookie获取用户登录信息的思路详解
Oct 30 Javascript
js计时事件实现圆形时钟
Mar 25 Javascript
node.js基础知识汇总
Aug 25 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+xslt在windows平台上
2006/10/09 PHP
PHP zip扩展Linux下安装过程分享
2014/05/05 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
js 限制数字 js限制输入实现代码
2012/12/04 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
2013/07/17 Javascript
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
导航跟随滚动条置顶移动示例代码
2013/09/11 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
2013/11/28 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
jQuery中ajax和post处理json的不同示例对比
2014/11/02 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
2015/10/09 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
微信小程序对接七牛云存储的方法
2017/07/30 Javascript
Vue.js递归组件构建树形菜单
2017/12/24 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
基于webpack4搭建的react项目框架的方法
2018/06/30 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
2019/07/03 Javascript
jQuery实现日历效果
2020/09/11 jQuery
解决js中的setInterval清空定时器不管用问题
2020/11/17 Javascript
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
Python实现的本地文件搜索功能示例【测试可用】
2018/05/30 Python
使用Python+wxpy 找出微信里把你删除的好友实例
2019/02/21 Python
Python基于Tensor FLow的图像处理操作详解
2020/01/15 Python
解决TensorFlow调用Keras库函数存在的问题
2020/07/06 Python
世界上最好的足球商店:Unisport
2019/03/02 全球购物
利达恒信公司.NET笔试题面试题
2016/03/05 面试题
装潢设计专业推荐信模板
2013/11/26 职场文书
行政专员的岗位职责
2014/03/10 职场文书
《社戏》教学反思
2014/04/15 职场文书
中秋节感想
2015/08/10 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
Golang 实现获取当前函数名称和文件行号等操作
2021/05/08 Golang
Java实现带图形界面的聊天程序
2022/06/10 Java/Android