[原创]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调用flash的效果代码
Apr 26 Javascript
JavaScript 函数式编程的原理
Oct 16 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
javascript实现表单提交后,提交按钮不可用的方法
Apr 18 Javascript
浅谈JavaScript函数的四种存在形态
Jun 08 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
Nov 21 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
vue父组件通过props如何向子组件传递方法详解
Aug 16 Javascript
Vue render深入开发讲解
Apr 13 Javascript
vue检测对象和数组的变化分析
Jun 30 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
Sep 10 Javascript
VUE实现强制渲染,强制更新
Oct 29 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
自己动手做一个SQL解释器
2006/10/09 PHP
打造计数器DIY三步曲(中)
2006/10/09 PHP
详解使用php调用微信接口上传永久素材
2017/04/11 PHP
PHP学习记录之数组函数
2018/06/01 PHP
php常用日期时间函数实例小结
2019/07/04 PHP
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
JavaScript中的prototype和constructor简明总结
2014/04/05 Javascript
浅谈$(document)和$(window)的区别
2015/07/15 Javascript
javascript设计模式Constructor(构造器)模式
2016/08/19 Javascript
用JS中split方法实现彩色文字背景效果实例
2016/08/24 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
JS实现的简单折叠展开动画效果示例
2018/04/28 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
2019/04/24 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
如何编写一个 Webpack Loader的实现
2020/10/18 Javascript
vue动态合并单元格并添加小计合计功能示例
2020/11/26 Vue.js
[16:21]教你分分钟做大人:圣堂刺客
2014/12/03 DOTA
Django查询数据库的性能优化示例代码
2017/09/24 Python
Windows下PyCharm安装图文教程
2018/08/27 Python
python基础梳理(一)(推荐)
2019/04/06 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
Python+OpenCV实现将图像转换为二进制格式
2020/01/09 Python
GDAL 矢量属性数据修改方式(python)
2020/03/10 Python
解决Python数据可视化中文部分显示方块问题
2020/05/16 Python
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
韩国江南富人区高端时尚百货商场:Galleria(格乐丽雅)
2018/03/27 全球购物
几个Linux面试题笔试题
2012/12/01 面试题
应届生财务会计求职信
2013/11/05 职场文书
个人承诺书怎么写
2014/05/24 职场文书
质量标语大全
2014/06/12 职场文书
教师求职信
2014/06/17 职场文书
三八妇女节超市活动方案
2014/08/18 职场文书
驾驶员管理制度范本
2015/08/06 职场文书