[原创]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 相关文章推荐
$.ajax返回的JSON无法执行success的解决方法
Sep 09 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
Feb 19 Javascript
Jquery中CSS选择器用法分析
Feb 10 Javascript
浅谈js里面的InttoStr和StrtoInt
Jun 14 Javascript
微信小程序 rpx 尺寸单位详细介绍
Oct 13 Javascript
Angularjs中的ui-bootstrap的使用教程
Feb 19 Javascript
Vue.js路由vue-router使用方法详解
Mar 20 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
Apr 13 Javascript
node+express框架中连接使用mysql(经验总结)
Nov 10 Javascript
更强大的vue ssr实现预取数据的方式
Jul 19 Javascript
卸载vue2.0并升级vue_cli3.0的实例讲解
Feb 16 Javascript
JavaScript实现网页动态生成表格
Nov 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
删除无限级目录与文件代码共享
2006/07/12 PHP
vs中通过剪切板循环来循环粘贴不同内容
2011/04/30 PHP
学习php过程中的一些注意点的总结
2013/10/25 PHP
PHP获取指定函数定义在哪个文件中以及其所在的行号实例
2014/05/08 PHP
php简单生成一组与多组随机字符串的方法
2017/05/09 PHP
javascript 简练的几个函数
2009/08/29 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
用JS实现3D球状标签云示例代码
2013/12/01 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
JavaScript中使用concat()方法拼接字符串的教程
2015/06/06 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
2015/08/22 Javascript
Node.js中看JavaScript的引用
2017/04/22 Javascript
jQuery实现火车票买票城市选择切换功能
2017/09/15 jQuery
jQuery实现的简单动态添加、删除表格功能示例
2017/09/21 jQuery
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
vue按需加载组件webpack require.ensure的方法
2017/12/13 Javascript
详解node.js中的npm和webpack配置方法
2018/01/21 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
微信小程序下拉框搜索功能的实现方法
2019/07/31 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
Python使用中文正则表达式匹配指定中文字符串的方法示例
2017/01/20 Python
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
Python 中导入csv数据的三种方法
2018/11/01 Python
Python Pillow Image Invert
2019/01/22 Python
python实现Excel文件转换为TXT文件
2019/04/28 Python
python issubclass 和 isinstance函数
2019/07/25 Python
python3 enum模块的应用实例详解
2019/08/12 Python
python实现简单坦克大战
2020/03/27 Python
"序列点" 是什么
2016/07/29 面试题
简单的项目建议书模板
2014/03/12 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
《将心比心》教学反思
2016/02/23 职场文书
退休劳动合同怎么写?
2019/10/25 职场文书
python 逐步回归算法
2021/04/06 Python
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python
Beekeeper Studio开源数据库管理工具比Navicat更炫酷
2022/06/21 数据库