[原创]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 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
Oct 16 Javascript
解决js中window.open弹出的是上次的缓存页面问题
Dec 29 Javascript
基于jQuery实现文本框缩放以及上下移动功能
Nov 24 Javascript
jQuery子窗体取得父窗体元素的方法
May 11 Javascript
jQuery取消ajax请求的方法
Jun 09 Javascript
jquery显示loading图片直到网页加载完成的方法
Jun 25 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
jQuery实现本地预览上传图片功能
Jan 08 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
Vue传参一箩筐(页面、组件)
Apr 04 Javascript
JavaScript最完整的深浅拷贝实现方式详解
Feb 28 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
zend optimizer在wamp的基础上安装图文教程
2013/10/26 PHP
javascript入门基础之私有变量
2010/02/23 Javascript
杨氏矩阵查找的JS代码
2013/03/21 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
一分钟理解js闭包
2016/05/04 Javascript
JavaScript中return用法示例
2016/11/29 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
2017/02/10 Javascript
Bootstrap Table使用整理(三)
2017/06/09 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
2018/03/05 Javascript
koa socket即时通讯的示例代码
2018/09/07 Javascript
vue轻量级框架无法获取到vue对象解决方法
2019/05/12 Javascript
Vue实现拖放排序功能的实例代码
2019/07/08 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
2020/01/20 Javascript
在Webpack中用url-loader处理图片和字体的问题
2020/04/28 Javascript
vue 判断页面是首次进入还是再次刷新的实例
2020/11/05 Javascript
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
Python基于回溯法子集树模板解决m着色问题示例
2017/09/07 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
Python实现的寻找前5个默尼森数算法示例
2018/03/25 Python
Python实战购物车项目的实现参考
2019/02/20 Python
Python一行代码实现快速排序的方法
2019/04/30 Python
对Tensorflow中Device实例的生成和管理详解
2020/02/04 Python
css3强大的动画效果animate使用说明及浏览器兼容介绍
2013/01/09 HTML / CSS
CSS+jQuery实现的在线答题功能
2015/04/25 HTML / CSS
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
Europcar英国:英国汽车和货车租赁
2017/01/21 全球购物
护士毕业实习感言
2014/03/05 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
十八大标语口号
2014/10/09 职场文书
工地食品安全责任书
2015/05/09 职场文书
2015国庆66周年宣传语
2015/07/14 职场文书
劳动模范获奖感言
2015/07/31 职场文书
浅析Python中的套接字编程
2021/06/22 Python
Python集合的基础操作
2021/11/01 Python