[原创]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 相关文章推荐
IE7提供XMLHttpRequest对象为兼容
Mar 08 Javascript
JS 动态加载脚本的4种方法
May 05 Javascript
jquery高效反选具体实现
May 05 Javascript
解析javascript系统错误:-1072896658的解决办法
Jul 08 Javascript
js动态创建标签示例代码
Jun 09 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
Oct 16 Javascript
理解javascript模块化
Mar 28 Javascript
关于cookie的初识和运用(js和jq)
Apr 07 Javascript
node.js实现复制文本到剪切板的功能
Jan 23 Javascript
AngularJS页面带参跳转及参数解析操作示例
Jun 28 Javascript
vue-cli项目中怎么使用mock数据
Sep 27 Javascript
layui 实现自动选择radio单选框(checked)的方法
Sep 03 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生成二维码图片方法汇总
2016/12/17 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
jQuery 解析xml文件
2009/08/09 Javascript
查询绑定数据岛的表格中的文本并修改显示方式的js代码
2009/12/15 Javascript
js保存当前路径(cookies记录)
2010/12/14 Javascript
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
2013/10/11 Javascript
AngularJS实现在ng-Options加上index的解决方法
2016/11/03 Javascript
jQuery UI插件实现百度提词器效果
2016/11/21 Javascript
js中常用的Math方法总结
2017/01/12 Javascript
详解vuex 中的 state 在组件中如何监听
2017/05/23 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
Angular.js实现获取验证码倒计时60秒按钮的简单方法
2017/10/18 Javascript
实例分析js事件循环机制
2017/12/13 Javascript
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
vue+Element-ui实现分页效果
2020/11/15 Javascript
python实现保存网页到本地示例
2014/03/16 Python
解决python2.7用pip安装包时出现错误的问题
2017/01/23 Python
python3调用R的示例代码
2018/02/23 Python
Pycharm更换python解释器的方法
2018/10/29 Python
Python字符串和正则表达式中的反斜杠('\')问题详解
2019/09/03 Python
python区分不同数据类型的方法
2019/10/14 Python
python读取当前目录下的CSV文件数据
2020/03/11 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
CSS3实现自定义Checkbox特效实例代码
2017/04/24 HTML / CSS
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
大学应届生求职简历的自我评价
2013/10/08 职场文书
大学校庆邀请函
2014/01/11 职场文书
警校毕业生自我评价
2014/04/06 职场文书
小学二年级学生评语
2014/04/21 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书
2015教师年度考核评语
2015/03/25 职场文书
会议通知
2015/04/15 职场文书
主婚人致辞精选
2015/07/28 职场文书
java设计模式--七大原则详解
2021/07/21 Java/Android