[jQuery] 根据表单的不同参数跳转不同的链接

说明

在实现前端的时候，我们有些需求是这样的：
1. 需要表单来向服务端get或post参数
2. 表单数据不只一个
3. 需要根据不同的提交的数据参数、类型等信息提交到不同

思路

把请求放到后端处理是可以的，但是显然这样处理会增加系统的复杂度，而且还容易将后端的逻辑搞乱，更简单的做法是在前端嵌入jQuery，利用jQuery来处理不同的跳转问题

<script type="text/javascript">$("form").submit(function (e) {var $cid = $("#cid").val();if ($cid != "") {e.preventDefault();window.location.href = "/contest/" + $cid;return;}});</script>

$("form") 会获取name为form的节点，那么需要给form添加属性：

<form name="form" method="get">

然后获取到id的值，判断其是否为空，如果不为空，则直接跳转到相应链接。
其中，e.preventDefault();函数会阻止表单的提交，因为就算设置了location.href为跳转，表单仍然会继续提交。

[jQuery] 根据表单的不同参数跳转不同的链接相关推荐

jQuery form表单的serialize()参数和其他参数如何一起传给后端
在前端给后端传递参数时,有时候form表单,我们为了方便,直接可以通过 var formData=$("#formid").serialize();来统一传给后端,这样可以节省很多 ...
jQuery Validate表单验证框架详解
jQuery表单验证框架总结 jQuery Validate验证框架详解 jQuery校验官网地址:bassistance.de » jQuery plugin: Validation 一.导入js库 ...
使用jQuery提交表单
我想使用jQuery提交表单. 有人可以提供代码,演示或示例链接吗? #1楼来自手册: jQuery Doc $("form:first").submit(); #2楼您将必须 ...
jQuery formValidator表单校验代码生成器ver1.0
发表感言很感谢一直在支持我的网友们,感谢你们对插件改进的建议.虽然最近坐的脖子和屁股痛,但是我还是用休息时间完成了这个代码生成器的开发,再次感谢支持我的网友们. 谈一下写代码生成器的目的 ...
基于jQuery的表单验证插件：jValidate
网上基于jQuery的表单验证插件已有很多,但是这个轮子我还是继续做一个,因为这个表单验证插件是从我以前的个人JS框架移值过来的(我已慢慢投入jQuery的怀抱),并且它的验证规则书写方式也许会让你眼 ...
html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
jQuery formValidator表单校验代码生成器ver1.1，一键产生所有代码
谈一下写代码生成器的目的 1.减少书写错误.主要是配置参数容易书写错误,JS是认大小写. 2.提高代码复用性. 3.让不懂JS的人更容易上手. 4.不用记忆配置参数. 基本操作: 产生单条校验代码 1 ...
jquery提交表单_jQuery提交表单
jquery提交表单 jQuery submit() function triggers when a user tries to submit a form. jQuery submit form ...
jQuery实现表单验证
1.基于html表单,利用jQuery实现表单验证功能. 2.html基本结构和样式: 3.html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...

[jQuery] 根据表单的不同参数跳转不同的链接

[jQuery] 根据表单的不同参数跳转不同的链接相关推荐

最新文章

热门文章