JQuery 在表单提交之前修改 提交的值 原创
2016-04-14 00:00
525 查看
今天在做公司的项目的时候,遇到一个问题:
我们希望在二级栏目搜索的时候,判断用户有没有加上这个栏目特有的关键字(比如“教程”),因为我们是全站搜索,如果不加关键字,搜索出来的东西会很多、很杂,这样我们就是想在教程这个栏目下,搜索出来的全都是教程相关的东西,所以我们东了点小心思,对搜索的关键字做了点小改动,代码如下:
利用这段代码,就可以了,当我们搜CSS教程的时候,程序会判断包不包含,不会给keyword拼接“教程”两个字,当我们搜索CSS的时候就会拼接成“CSS教程”进行搜索了。
OK,希望能给大家一些帮助吧。
jquery实现表单验证简单实例演示
jQuery实现form表单基于ajax无刷新提交方法详解
jQuery实现批量判断表单中文本框非空的方法(2种方法)
jQuery使用$.ajax提交表单完整实例
jquery插件EasyUI中form表单提交实例分享
实例详解jQuery表单验证插件validate
深入学习jQuery Validate表单验证(二)
jQuery form插件之formDdata参数校验表单及验证后提交
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
jquery form表单获取内容以及绑定数据
使用JQuery实现智能表单验证功能
我们希望在二级栏目搜索的时候,判断用户有没有加上这个栏目特有的关键字(比如“教程”),因为我们是全站搜索,如果不加关键字,搜索出来的东西会很多、很杂,这样我们就是想在教程这个栏目下,搜索出来的全都是教程相关的东西,所以我们东了点小心思,对搜索的关键字做了点小改动,代码如下:
$('#search-form').submit(function() { //取出keyword $keyword = $('#keyword'); //判断是否包含“教程”关键字 if($keyword.val().indexOf('教程') < 0) { $keyword.val($keyword.val() + '教程'); } });
利用这段代码,就可以了,当我们搜CSS教程的时候,程序会判断包不包含,不会给keyword拼接“教程”两个字,当我们搜索CSS的时候就会拼接成“CSS教程”进行搜索了。
OK,希望能给大家一些帮助吧。
您可能感兴趣的文章:
jquery实现简单的表单验证jquery实现表单验证简单实例演示
jQuery实现form表单基于ajax无刷新提交方法详解
jQuery实现批量判断表单中文本框非空的方法(2种方法)
jQuery使用$.ajax提交表单完整实例
jquery插件EasyUI中form表单提交实例分享
实例详解jQuery表单验证插件validate
深入学习jQuery Validate表单验证(二)
jQuery form插件之formDdata参数校验表单及验证后提交
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
jquery form表单获取内容以及绑定数据
使用JQuery实现智能表单验证功能
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- 在线用表单建立文件夹
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作