[原创]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 EasyUI 日期控件如何控制日期选择区间
May 05 Javascript
JavaScript利用append添加元素报错的解决方法
Jul 01 Javascript
一个支付页面DEMO附截图
Jul 22 Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
纯css下拉菜单 无需js
Aug 15 Javascript
Vue.js 父子组件通讯开发实例
Sep 06 Javascript
微信小程序 wxapp导航 navigator详解
Oct 31 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
Dec 14 Javascript
SVG动画vivus.js库使用小结(实例代码)
Sep 14 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
Mar 06 Javascript
vue过滤器实现日期格式化的案例分析
Jul 02 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 cookie的操作实现代码(登录)
2010/12/29 PHP
php+ajax实现无刷新的新闻留言系统
2020/12/21 PHP
php判断用户是否关注微信公众号
2016/07/22 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
PHP实现二维数组(或多维数组)转换成一维数组的常见方法总结
2019/12/04 PHP
js绑定事件this指向发生改变的问题解决方法
2013/04/23 Javascript
input标签内容改变的触发事件介绍
2014/06/18 Javascript
JS数组的常见用法实例
2015/02/10 Javascript
javascript实现手机震动API代码
2015/08/05 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
Thinkjs3新手入门之添加一个新的页面
2017/12/06 Javascript
Angular实现下拉框模糊查询功能示例
2018/01/03 Javascript
JS实现百度搜索接口及链接功能实例代码
2018/02/02 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
JavaScript中关于base64的一些事
2019/05/06 Javascript
jquery 遍历hash操作示例【基于ajax交互】
2019/10/12 jQuery
Vue实现push数组并删除的例子
2019/11/01 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
python基础教程之自定义函数介绍
2014/08/29 Python
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
详解django中自定义标签和过滤器
2017/07/03 Python
python训练数据时打乱训练数据与标签的两种方法小结
2018/11/08 Python
python3.6下Numpy库下载与安装图文教程
2019/04/02 Python
python 多线程共享全局变量的优劣
2020/09/24 Python
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
意大利高端时尚买手店:Stefania Mode
2018/03/01 全球购物
SQL Server数据库笔试题和答案
2016/02/04 面试题
普通院校学生的自荐信
2013/11/27 职场文书
竞争上岗演讲稿
2014/01/05 职场文书
经销商培训邀请函
2014/01/21 职场文书
绘画专业自荐信
2014/07/04 职场文书
西安导游词
2015/02/12 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
spring cloud eureka 服务启动失败的原因分析及解决方法
2022/03/17 Java/Android