[原创]JQuery 在表单提交之前修改 提交的值


Posted in Javascript onApril 14, 2016

今天在做公司的项目的时候,遇到一个问题:

我们希望在二级栏目搜索的时候,判断用户有没有加上这个栏目特有的关键字(比如“教程”),因为我们是全站搜索,如果不加关键字,搜索出来的东西会很多、很杂,这样我们就是想在教程这个栏目下,搜索出来的全都是教程相关的东西,所以我们东了点小心思,对搜索的关键字做了点小改动,代码如下:

$('#search-form').submit(function() {

 //取出keyword

 $keyword = $('#keyword');

 

 //判断是否包含“教程”关键字

 if($keyword.val().indexOf('教程') < 0)

 {

  $keyword.val($keyword.val() + '教程');

 }

});

利用这段代码,就可以了,当我们搜CSS教程的时候,程序会判断包不包含,不会给keyword拼接“教程”两个字,当我们搜索CSS的时候就会拼接成“CSS教程”进行搜索了。

OK,希望能给大家一些帮助吧。

Javascript 相关文章推荐
提高网站性能之 如何对待JavaScript
Oct 31 Javascript
jQuery 树形结构的选择器
Feb 15 Javascript
javascript实现确定和取消提示框效果
Jul 10 Javascript
JS处理json日期格式化问题
Oct 01 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
Apr 16 Javascript
vue中如何实现变量和字符串拼接
Jun 19 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
vue父组件向子组件动态传值的两种方法
Nov 11 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
Oct 18 Javascript
Vuex 单状态库与多模块状态库详解
Dec 11 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 Javascript
使用Canvas绘制一个游戏人物属性图
Mar 25 Javascript
javaScript数组迭代方法详解
Apr 14 #Javascript
基于JS实现移动端访问PC端页面时跳转到对应的移动端网页
Dec 24 #Javascript
js贪吃蛇游戏实现思路和源码
Apr 14 #Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 #Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 #Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
Apr 13 #Javascript
原生js编写autoComplete插件
Apr 13 #Javascript
You might like
wamp下修改mysql访问密码的解决方法
2013/05/07 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
Yii框架中用response保存cookie,用request读取cookie的原理解析
2019/09/04 PHP
Javascript与vbscript数据共享
2007/01/09 Javascript
可在线编辑网页文字效果代码(单击)
2013/03/02 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
2013/11/08 Javascript
js时间戳格式化成日期格式的多种方法
2013/11/11 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
Node.js中如何合并两个复杂对象详解
2016/12/31 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
原生js实现验证码功能
2017/03/16 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
vue 中动态绑定class 和 style的方法代码详解
2018/06/01 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
bootstrap Table实现合并相同行
2019/07/19 Javascript
JointJS JavaScript流程图绘制框架解析
2019/08/15 Javascript
微信小程序 授权登录详解(附完整源码)
2019/08/23 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
[01:06]DOTA2小知识课堂 Ep.02 吹风竟可解梦境缠绕
2019/12/05 DOTA
[01:08:24]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第一场 2月5日
2021/03/11 DOTA
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
python抖音表白程序源代码
2019/04/07 Python
django中forms组件的使用与注意
2019/07/08 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
python tkiner实现 一个小小的图片翻页功能的示例代码
2020/06/24 Python
python 装饰器的实际作用有哪些
2020/09/07 Python
amazeui模态框弹出后立马消失并刷新页面
2020/08/19 HTML / CSS
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
ColourPop美国官网:卡拉泡泡,洛杉矶彩妆品牌
2019/04/28 全球购物
strstr()的简单实现
2013/09/26 面试题
高分子材料与工程专业推荐信
2013/12/01 职场文书
社会实践活动总结格式
2015/05/11 职场文书
民事辩护词范文
2015/05/21 职场文书
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript