JQuery 在表单提交之前修改 提交的值 原创
原创 更新时间：2016年04月14日 09:56:32 原创 作者：yourber
本文介绍在表单提交之前修改提交的值的方法，希望给需要的朋友一些帮助。
今天在做公司的项目的时候，遇到一个问题：
我们希望在二级栏目搜索的时候，判断用户有没有加上这个栏目特有的关键字（比如“教程”），因为我们是全站搜索，如果不加关键字，搜索出来的东西会很多、很杂，这样我们就是想在教程这个栏目下，搜索出来的全都是教程相关的东西，所以我们东了点小心思，对搜索的关键字做了点小改动，代码如下：
复制代码 代码如下:
$('#search-form').submit(function() {
//取出keyword
$keyword = $('#keyword');
//判断是否包含“教程”关键字
if($keyword.val().indexOf('教程') < 0)
{
$keyword.val($keyword.val() + '教程');
}
});
利用这段代码，就可以了，当我们搜CSS教程的时候，程序会判断包不包含，不会给keyword拼接“教程”两个字，当我们搜索CSS的时候就会拼接成“CSS教程”进行搜索了。
OK，希望能给大家一些帮助吧。
您可能感兴趣的文章:
- jquery实现简单的表单验证
- jquery实现表单验证简单实例演示
- jQuery实现form表单基于ajax无刷新提交方法详解
- jQuery实现批量判断表单中文本框非空的方法(2种方法)
- jQuery使用$.ajax提交表单完整实例
- jquery插件EasyUI中form表单提交实例分享
- 实例详解jQuery表单验证插件validate
- 深入学习jQuery Validate表单验证（二）
- jQuery form插件之formDdata参数校验表单及验证后提交
- jQuery Form 表单提交插件之formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的应用
- jquery form表单获取内容以及绑定数据
- 使用JQuery实现智能表单验证功能
相关文章
JavaScript实现页面滚动图片加载(仿lazyload效果)
网上的很多这样的效果都是用jQuery的方法，可是如果不用jQuery的站长难道就不能用这种方法了么2011-07-07
微信小程序如何根据不同用户切换不同TabBar(简单易懂!)
小程序中我们可能需要根据不同的权限展示不同的tabbar,下面这篇文章主要给大家介绍了关于微信小程序如何根据不同用户切换不同TabBar的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
Bootstrap select下拉联动（jQuery cxselect）
这篇文章主要为大家详细介绍了Bootstrap select下拉联动,JQuery插件之cxselect，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
关于写倒计时大家可能都都比较熟悉，使用 setTimeout 或 setInterval 就可以搞定。几秒钟或者几分钟的倒计时这样写没有问题，但是如果是长时间的倒计时，这样写就会不准确2019-10-10
我们在使用Canvas进行绘图时,经常会出现绘制的文字或者图片比较模糊,这篇文章我们就来讨论一下Canvas模糊问题产生的原因与解决办法吧2024-04-04
这篇文章主要给大家介绍了关于JS中字符串切割为数组/数组拼接为字符串的相关资料,数组是JavaScript中最强大的数据结构,我们常常通过将字符串转换为数组来解决许多算法,需要的朋友可以参考下2023-09-09
这篇文章主要为大家介绍了Javascript观察者模式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
手风琴效果的导航想必大家都有见到过吧，实现的方法也有很多，在本文为大家介绍下使用原生js简单实现下，感兴趣的朋友不要错过2013-11-11
这篇文章主要为大家详细介绍了js和jquery实现tab状态栏切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
下面小编就为大家带来一篇深入剖析JavaScript面向对象编程。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
最新评论