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学习笔记之jQuery的DOM操作
Dec 22 Javascript
Javascript根据指定下标或对象删除数组元素
Dec 21 Javascript
js 动态加载事件的几种方法总结
Dec 25 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
创建一个类Person的简单实例
May 17 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
May 18 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
浅谈React之状态(State)
Sep 19 Javascript
使用angularjs.foreach时return的问题解决
Sep 30 Javascript
javascript实现京东登录显示隐藏密码
Aug 02 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
Feb 07 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
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
实用函数9
2007/11/08 PHP
初次接触php抽象工厂模式(Elgg)
2010/03/21 PHP
8个PHP程序员常用的功能汇总
2014/12/18 PHP
PHP从零开始打造自己的MVC框架之类的自动加载实现方法详解
2019/06/03 PHP
js 页面输出值
2008/11/30 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
2014/01/09 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
jquery easyui validatebox remote的使用详解
2016/11/09 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
node中的session的具体使用
2018/09/14 Javascript
详解vue-element Tree树形控件填坑路
2019/03/26 Javascript
图解javascript作用域链
2019/05/27 Javascript
[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
浅谈python中列表、字符串、字典的常用操作
2017/09/19 Python
使用Pyinstaller的最新踩坑实战记录
2017/11/08 Python
Python对多属性的重复数据去重实例
2018/04/18 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
对numpy中的where方法嵌套使用详解
2018/10/31 Python
详解Python3 pandas.merge用法
2019/09/05 Python
python中with用法讲解
2020/02/07 Python
Tensorflow 卷积的梯度反向传播过程
2020/02/10 Python
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
10个最常见的HTML5面试题 附答案
2016/06/06 HTML / CSS
工厂门卫岗位职责
2013/11/25 职场文书
不错的求职信范文
2014/07/20 职场文书
领导班子在批评与自我批评座谈会上的发言
2014/09/28 职场文书
小班下学期幼儿评语
2014/12/30 职场文书
新闻通讯稿模板
2015/07/22 职场文书
初中团委工作总结
2015/08/13 职场文书
微信小程序和php的登录实现
2021/04/01 PHP
el-table-column 内容不自动换行的解决方法
2022/08/14 Vue.js