[原创]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 相关文章推荐
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
jQuery性能优化的38个建议
Mar 04 Javascript
js实现仿阿里巴巴城市选择框效果实例
Jun 24 Javascript
JS模式之简单的订阅者和发布者模式完整实例
Jun 30 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
Aug 02 Javascript
Angularjs 设置全局变量的方法总结
Oct 20 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
vue.js如何将echarts封装为组件一键使用详解
Oct 10 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
Jul 23 Javascript
Vue 用Vant实现时间选择器的示例代码
Oct 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
PHP.MVC的模板标签系统(二)
2006/09/05 PHP
深入理解PHP之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
jquery中的事件处理详细介绍
2013/06/24 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
window.print打印指定div实例代码
2013/12/13 Javascript
JQuery 使用attr方法实现下拉列表选中
2014/10/13 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
JavaScript数值千分位格式化的两种简单实现方法
2016/08/01 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
2017/07/17 jQuery
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
javascript验证form表单数据的案例详解
2019/03/25 Javascript
layui富文本编辑器前端无法取值的解决方法
2019/09/18 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
2019/09/23 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
2020/01/02 Javascript
Python运行的17个时新手常见错误小结
2012/08/07 Python
python中while循环语句用法简单实例
2015/05/07 Python
Django自定义认证方式用法示例
2017/06/23 Python
Python使用三种方法实现PCA算法
2017/12/12 Python
详解python函数传参是传值还是传引用
2018/01/16 Python
python3利用tcp实现文件夹远程传输
2018/07/28 Python
python aiohttp的使用详解
2019/06/20 Python
对python中的os.getpid()和os.fork()函数详解
2019/08/08 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
keras实现theano和tensorflow训练的模型相互转换
2020/06/19 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
canvas画布实现手写签名效果的示例代码
2019/04/23 HTML / CSS
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
应用心理学个人求职信范文
2013/12/11 职场文书
开工典礼致辞
2015/07/29 职场文书