页面表单传值

在开发过程中,肯定会遇到表单提交传值。以前的做法是在页面放一个隐藏的input标签,给个

name然后放个value,提交的时候将这个value提交到后台。但是这种方式会很不安全。

所以,就有了新的方式解决表单提交传值的问题:

<form style="display:none" method="get">
  <input name="addressId" type="hidden" value="@ViewBag.AddressId" />
  <input name="cartIds" type="hidden" value="@ViewBag.CartIds" />
</form>
<script>

$(‘.paytbn‘).click(function () {
  var cartIds = $(‘form input[name=cartIds]‘).val();
  var addressId = $(‘form input[name=addressId]‘).val();
  var referNo = $(‘.order-referno‘).val();
  var logistics = [];
  $.each($(‘select.logistics‘), function () {
    var table = $(this).parents(‘.goods-table‘);
    var map = table.attr(‘data-wareid‘) + ‘|‘ + $(this).val();
    logistics.push(map);
  });
if (logistics.length < 1) {
  ZTLayer.showTips(‘@T("Order.PleaseChooseSendway")‘, 2);
  return;
}
$.post(‘@Url.Action("SubmitOrder")‘, { cartIds: cartIds, addressId: addressId, logistics: logistics, referNo: referNo },
function (data) {
if (data.flag) {
  location.href = ‘@Url.RouteUrl("PaymentOrder")‘ + "?orderNos=" + data.msg;
} else {
if (data.redirect) {
  location.href = data.redirect;
  } else {
  ZTLayer.showTips(data.msg, 2);
    }
  }
 });
});

原文地址:https://www.cnblogs.com/opts/p/8993651.html

时间: 2024-10-31 00:56:16

页面表单传值的相关文章

JavaScript学习——完成注册页面表单校验

1.步骤分析 第一步:确定事件(onsubmit)并为其绑定一个函数 第二步:书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>) 第三步:对用户输入的数据进行判断 第四步:数据合法(让表单提交) 第五步:数据非法(给出错误提示信息,不让表单提交) 问题:如何控制表单提交? 关于事件 onsubmit:一般用于表单提交的位置,那么需要在定义函数的时候给出一个 返回值. onsubmit = return checkForm() 2.完成注册页面表单校验(基于HTML&a

使用JQuery.Validate插件来校验页面表单有效性

使用JQuery.Validate插件来校验页面表单有效性?1. [代码] 常见的注册表单元素 <form action="#" method="post"  id="regist">     <table cellpadding="0" cellspacing="0" border="0" class="form_table">      

asp页面表单提交在后台不能获取问题

今天碰到一个奇葩的问题,asp页面表单提交后,有一个文本框<input type="text" name="phone" id="phone" />在后台获取不了, 这个标签在form表单内,也有name属性,但是在后台就是获取不了这个标签的值,而其他的文本框.复选框都可以获取到,这可就奇怪了! 几经周折,终于找到了原因,原来我在提交表单的时候,name = "phone"这个标签此时在一个javascript事件

使用dreamweaver设计常用注册页面表单验证

网页注册页面验证设计,必须使用dreamweaver的表单来实现,或者spry库. 这里介绍的第一个是最原始的表单验证方式,即没有使用即时验证,需要点击提交按钮才进行验证,也没有使用正则表达式或者AJAX验证,也或者是JQuery的验证,不过这么多验证方式接着第一个后面都会写出来的 1.最原始的注册验证方式,需要通过点击提交按钮才验证 先上图 代码如下: Html代码 复制代码 收藏代码 1. 2. 3. 4. 5.无标题文档 6. 8. 9. 11. 219. 注册步骤: 1.填写信息 > 2

HTML 之 Web页面表单form中只有一个input的text元素,按回车默认提交

WEB开发中,如果页面的 form 中只有一个input元素,在该input元素的输入框中按回车(注:此时并没有写对应的onkeydown等事件处理),则浏览器会默认提交表单,请看如下代码: <html> <head> <title>页面中只有一个input元素时默认提交表单</title> </head> <body> <form action="http://www.baidu.com" name=&qu

JavaScript学习——完善注册页面表单校验

1.之前我们已经使用弹出框的方式实现了表单校验的功能,但是此种方式用户体验效果很差 我们希望做成把提示信息和校验结果放在输入栏的后面. 2.步骤分析 (此案例基于HTML&CSS--网站注册页面实现的) 第一步:确定事件(onfocus 聚焦事件)并为其绑定一个函数 第二步:书写绑定函数(在输入框的后面给出提示信息) 第三步:确定事件(onblur 离焦事件)并为其绑定一个函数 第四步:书写函数(对数据进行校验,分别给出提示) JS代码:(传入参数的目的减少重复代码,增加通用性) 1 <sc

SpringMVC接收页面表单参数-java-电脑编程网

body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5;

jquery如何设计弹出注册页面表单

如何用JQuery弹出小窗口(是注册页面)提交表单form 用JQuery弹出小窗口主要用来做注册页面,就是小窗口时可写的.网页其他部分是灰色的不可写,这个效果怎么来实现.可以dreamweaver cc来实现. 添加代码: amp;$nbsp; amp;$nbsp; 弹出提示</title$amp;>amp;$nbsp; amp;$nbsp; {margin:0;padding:0;font-size:12px;} html,body {height:100%;width:100%;} co

jsp页面表单的遍历要怎么写

1.传统的方式使用request.getAttribute(“list”);获取表单的值, 2.也可以用struts2提供的标签进行遍历 备注 // 传统的接受参数方法 // String sfz=this.getRequest().getParameter("sfz"); // String ddz=this.getRequest().getParameter("ddz"); // 传统的返回参数方法 // this.getRequest().setAttribu