[原创]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实现倒计时按钮的实现代码
Mar 23 Javascript
jquery offset函数应用实例
Nov 14 Javascript
JavaScript实现的一个日期格式化函数分享
Dec 06 Javascript
在JavaScript的正则表达式中使用exec()方法
Jun 16 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
Vuejs实现带样式的单文件组件新方法
May 02 Javascript
Js实现中国公民身份证号码有效性验证实例代码
May 03 Javascript
Angular2使用vscode断点调试ts文件的方法
Dec 13 Javascript
详解@angular/cli 改变默认启动端口两种方式
Nov 29 Javascript
jqGrid表格底部汇总、合计行footerrow处理
Aug 21 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 Javascript
Vue中foreach数组与js中遍历数组的写法说明
Jun 05 Vue.js
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
discuz的php防止sql注入函数
2011/01/17 PHP
codeigniter上传图片不能正确识别图片类型问题解决方法
2014/07/25 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
Autocomplete Textbox Example javascript实现自动完成成功
2007/08/17 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
2014/07/01 Javascript
JavaScript中的依赖注入详解
2015/03/18 Javascript
java必学必会之static关键字
2015/12/03 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
jQuery Validate 无法验证 chosen-select元素的解决方法
2017/05/17 jQuery
详解Angular中通过$location获取地址栏的参数
2018/08/02 Javascript
vue组件之间通信实例总结(点赞功能)
2018/12/05 Javascript
浅谈Webpack多页应用HMR卡住问题
2019/04/24 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
Python学习小技巧之列表项的排序
2017/05/20 Python
Python基于numpy灵活定义神经网络结构的方法
2017/08/19 Python
让Python更加充分的使用Sqlite3
2017/12/11 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
Python计算IV值的示例讲解
2020/02/28 Python
老生常谈CSS中的长度单位
2016/06/27 HTML / CSS
纯css3制作煽动翅膀的蝴蝶的示例
2018/04/23 HTML / CSS
浅谈cookie和localStorage那些事
2019/08/27 HTML / CSS
2014的自我评价
2014/01/13 职场文书
社区清明节活动总结
2014/07/04 职场文书
2014年重阳节老干部座谈会局领导发言稿
2014/09/25 职场文书
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
党支部审查意见
2015/06/02 职场文书
运动会观后感
2015/06/09 职场文书
田径运动会通讯稿
2015/07/18 职场文书
新店开业策划方案怎么书写?
2019/07/05 职场文书
解决Navicat for Mysql连接报错1251的问题(连接失败)
2021/05/27 MySQL
什么是Python装饰器?如何定义和使用?
2022/04/11 Python
MySQL慢查询中的commit慢和binlog中慢事务的区别
2022/06/16 MySQL
ubuntu端向日葵键盘输入卡顿问题及解决
2022/12/24 Servers