[原创]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 相关文章推荐
javascript知识点收藏
Feb 22 Javascript
FireFox中textNode分片的问题
Apr 10 Javascript
使用PHP+JQuery+Ajax分页的实现
Apr 23 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
Oct 28 Javascript
jQuery获取及设置表单input各种类型值的方法小结
May 24 Javascript
浅谈javascript的闭包
Jan 23 Javascript
从零学习node.js之搭建http服务器(二)
Feb 21 Javascript
Vue 过渡实现轮播图效果
Mar 27 Javascript
微信小程序 监听手势滑动切换页面实例详解
Jun 15 Javascript
js定时器实现倒计时效果
Nov 05 Javascript
JavaScript交换变量常用4种方法解析
Sep 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相关资料
2006/10/09 PHP
54个提高PHP程序运行效率的方法
2015/07/19 PHP
PHP实现简单的新闻发布系统实例
2015/07/28 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
如何实现iframe(嵌入式帧)的自适应高度
2006/07/26 Javascript
一行代码告别document.getElementById
2012/06/01 Javascript
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
jquery mobile changepage的三种传参方法介绍
2013/09/13 Javascript
简单的js表单验证函数
2013/10/28 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
2014/04/03 Javascript
jQuery内置的AJAX功能和JSON的使用实例
2014/07/27 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
2016/05/04 Javascript
bootstrap基础知识学习笔记
2016/11/02 Javascript
值得学习的bootstrap fileinput文件上传工具
2016/11/08 Javascript
React Navigation 使用中遇到的问题小结
2018/05/08 Javascript
javascript显示动态时间的方法汇总
2018/07/06 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
vue 动态表单开发方法案例详解
2019/12/02 Javascript
vue请求数据的三种方式
2020/03/04 Javascript
浅谈vue中$bus的使用和涉及到的问题
2020/07/28 Javascript
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
Python编码时应该注意的几个情况
2013/03/04 Python
Python获取远程文件大小的函数代码分享
2014/05/13 Python
Python解决N阶台阶走法问题的方法分析
2017/12/28 Python
Python使用正则表达式获取网页中所需要的信息
2018/01/29 Python
TensorFlow dataset.shuffle、batch、repeat的使用详解
2020/01/21 Python
本科毕业自我鉴定
2014/03/20 职场文书
《北大荒的秋天》教学反思
2014/04/14 职场文书
导师评语大全
2014/04/26 职场文书
林肯就职演讲稿
2014/05/19 职场文书
三八妇女节演讲稿
2014/05/27 职场文书
十佳家长事迹材料
2014/08/26 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
初中信息技术教学计划
2015/01/22 职场文书
Django开发RESTful API实现增删改查(入门级)
2021/05/10 Python