[原创]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 相关文章推荐
js获取指定的cookie的具体实现
Feb 20 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
Javascript 计算字符串在localStorage中所占字节数
Oct 21 Javascript
JavaScript中常用的验证reg
Oct 13 Javascript
js事件源window.event.srcElement兼容性写法(详解)
Nov 25 Javascript
微信小程序图片宽100%显示并且不变形
Jun 21 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
Express之托管静态文件的方法
Jun 01 Javascript
Vue.directive使用注意(小结)
Aug 31 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
Sep 18 Javascript
Vue源码探究之状态初始化
Nov 14 Javascript
基于javascript实现移动端轮播图效果
Dec 21 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
什么是MVC,好东西啊
2007/05/03 PHP
php strlen mb_strlen计算中英文混排字符串长度
2009/07/10 PHP
PHP大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
thinkphp验证码的实现(form、ajax实现验证)
2016/07/28 PHP
PHP strcmp()和strcasecmp()的区别实例
2016/11/05 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
jquery ready函数源代码研究
2009/12/06 Javascript
js实现图片放大缩小功能后进行复杂排序的方法
2012/11/08 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
微信小程序 MINA文件结构
2016/10/17 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
2016/12/07 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
ionic 3.0+ 项目搭建运行环境的教程
2017/08/09 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
2020/08/09 Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
2017/10/25 Javascript
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
微信小程序实现导航栏选项卡效果
2020/06/19 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
vue开发简单上传图片功能
2020/06/30 Javascript
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
[02:50]【扭转乾坤,只此一招】DOTA2全新版本永雾林渊开启新篇章
2020/12/24 DOTA
pyv8学习python和javascript变量进行交互
2013/12/04 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
python统计字符串中字母出现次数代码实例
2020/03/02 Python
欧舒丹俄罗斯官方网站:L’OCCITANE俄罗斯
2019/11/22 全球购物
酒店管理求职信范文
2014/04/06 职场文书
项目负责人任命书
2014/06/04 职场文书
2014年志愿者工作总结
2014/11/20 职场文书
2015年度招聘工作总结
2015/05/28 职场文书
2016年春季开学典礼新闻稿
2015/11/25 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书
2019公司管理制度
2019/04/19 职场文书
vue-router中hash模式与history模式的区别
2021/06/23 Vue.js