您的位置:首页 > Web前端 > JQuery

JQuery 在表单提交之前修改 提交的值 原创

2016-04-14 00:00 525 查看
今天在做公司的项目的时候,遇到一个问题:

我们希望在二级栏目搜索的时候,判断用户有没有加上这个栏目特有的关键字(比如“教程”),因为我们是全站搜索,如果不加关键字,搜索出来的东西会很多、很杂,这样我们就是想在教程这个栏目下,搜索出来的全都是教程相关的东西,所以我们东了点小心思,对搜索的关键字做了点小改动,代码如下:

$('#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实现智能表单验证功能
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JQuery 表单