jQuery Form表单取值的方法


Posted in Javascript onJanuary 11, 2017

之前js取form表单的值都是一个一个的取,数量一多之后容易出错而且烦透了。感谢那些愿意分享的人。

页面定义form,并给form指定id值,里面的元素只要是需要键值对应的都赋予name属性,并且name值等于后台能识别的参数名。

<form method='post' id="punishformID">
      <input hidden="hidden" name="Stu" value=@Model.Stu>
       <input hidden="hidden" name="StuRuleIDs" value=@Model.StuRuleIDs>
    </form>
  </div>
  <div style="margin-top:20px; padding-left:300px;">
    <button type="button" class="w-button w-button-submit" onclick="isagree();">确定</button>
   </button>
  </div>
function isagree() {
  var obj = $('#punishformID').serialize();
  $.ajax({
    type: "POST",
    url: "/Discipline/IsAgree",
    data: obj,// 要提交的表单
    success: function (msg) {
      easyuiAlert(msg);
    },
    error: function (error) {
      easyuiAlert(error);
    }
  });
}

$('#punishformID').serialize();就是取上面form的值,得到的是object,可以直接传递给后台。

以上所述是小编给大家介绍的jQuery Form表单取值的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
Nov 16 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 Javascript
js浮点数保留两位小数点示例代码(四舍五入)
Dec 26 Javascript
js 赋值包含单引号双引号问题的解决方法
Feb 26 Javascript
jquery中checkbox全选失效的解决方法
Dec 26 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
动态JavaScript所造成一些你不知道的危害
Sep 25 Javascript
javascript中this关键字详解
Dec 12 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
Feb 28 Javascript
使用cookie绕过验证码登录的实现代码
Oct 12 Javascript
electron-vue开发环境内存泄漏问题汇总
Oct 10 Javascript
JavaScript组合模式---引入案例分析
May 23 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
Jan 11 #Javascript
浅谈JavaScript中promise的使用
Jan 11 #Javascript
JS多文件上传的实例代码
Jan 11 #Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 #Javascript
Javascript中return的使用与闭包详解
Jan 11 #Javascript
jQuery对table表格进行增删改查
Dec 22 #Javascript
javascript基础知识讲解
Jan 11 #Javascript
You might like
初探PHP5
2006/10/09 PHP
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
适用于php-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
PHP flush()与ob_flush()的区别详解
2013/06/03 PHP
Yii2 hasOne(), hasMany() 实现三表关联的方法(两种)
2017/02/15 PHP
JavaScript 面向对象之命名空间
2010/05/04 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
2010/07/14 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
jquery模拟进度条实现方法
2015/08/03 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
基于jquery插件编写countdown计时器
2016/06/12 Javascript
Vue.js系列之项目结构说明(2)
2017/01/03 Javascript
谈谈对vue响应式数据更新的误解
2017/08/01 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
NodeJs操作MongoDB教程之分页功能以及常见问题
2019/04/09 NodeJs
Vue 指令实现按钮级别权限管理功能
2019/04/23 Javascript
原生JS实现列表内容自动向上滚动效果
2019/05/22 Javascript
vue自定义表单生成器form-create使用详解
2019/07/19 Javascript
laydate只显示时分 不显示秒的功能实现方法
2019/09/28 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
JS使用正则表达式提交页面验证的代码
2019/10/16 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
Vue时间轴 vue-light-timeline的用法说明
2020/10/29 Javascript
[07:37]DOTA2-DPC中国联赛2月2日Recap集锦
2021/03/11 DOTA
python爬虫之urllib,伪装,超时设置,异常处理的方法
2018/12/19 Python
Python 写入训练日志文件并控制台输出解析
2019/08/13 Python
解决Python pip 自动更新升级失败的问题
2020/02/21 Python
python里glob模块知识点总结
2021/01/05 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
2017/08/24 HTML / CSS
Whistles官网:英国女装品牌
2020/08/14 全球购物
2014年城市管理工作总结
2014/12/02 职场文书
党员承诺书范文2015
2015/04/27 职场文书
餐饮行业关注的9大营销策略
2019/08/26 职场文书
Go 语言中 20 个占位符的整理
2021/10/16 Golang