快捷導(dǎo)航

JQuery 在表單提交之前修改提交的值原創(chuàng)

原創(chuàng) 更新時(shí)間：2016年04月14日 09:56:32 原創(chuàng) 作者：yourber

本文介紹在表單提交之前修改提交的值的方法，希望給需要的朋友一些幫助。

今天在做公司的項(xiàng)目的時(shí)候，遇到一個(gè)問(wèn)題：

我們希望在二級(jí)欄目搜索的時(shí)候，判斷用戶有沒(méi)有加上這個(gè)欄目特有的關(guān)鍵字（比如“教程”），因?yàn)槲覀兪侨舅阉?，如果不加關(guān)鍵字，搜索出來(lái)的東西會(huì)很多、很雜，這樣我們就是想在教程這個(gè)欄目下，搜索出來(lái)的全都是教程相關(guān)的東西，所以我們東了點(diǎn)小心思，對(duì)搜索的關(guān)鍵字做了點(diǎn)小改動(dòng)，代碼如下：

復(fù)制代碼代碼如下:

$('#search-form').submit(function() {

 //取出keyword

 $keyword = $('#keyword');

 //判斷是否包含“教程”關(guān)鍵字

 if($keyword.val().indexOf('教程') < 0)

 {

  $keyword.val($keyword.val() + '教程');

 }

});

利用這段代碼，就可以了，當(dāng)我們搜CSS教程的時(shí)候，程序會(huì)判斷包不包含，不會(huì)給keyword拼接“教程”兩個(gè)字，當(dāng)我們搜索CSS的時(shí)候就會(huì)拼接成“CSS教程”進(jìn)行搜索了。

OK，希望能給大家一些幫助吧。

您可能感興趣的文章:

相關(guān)文章

javascript 實(shí)現(xiàn)鍵盤上下左右功能的小例子
這篇文章介紹了javascript 實(shí)現(xiàn)鍵盤上下左右功能的小例子，有需要的朋友可以參考一下
2013-09-09
ES6?Promise.all的使用方法以及其細(xì)節(jié)詳解
Promise對(duì)象用于表示一個(gè)異步操作的最終完成(或失敗)及其結(jié)果值,下面這篇文章主要給大家介紹了關(guān)于ES6?Promise.all的使用方法以及其細(xì)節(jié)的相關(guān)資料,需要的朋友可以參考下
2022-07-07
從0到1學(xué)習(xí)JavaScript編寫貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript編寫貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-07-07
js獲取url參數(shù)代碼實(shí)例分享(JS操作URL)
這篇文章主要介紹了js分析url獲取url參數(shù)，可以獲取?前面部分、#及后面部分，大家看代碼吧
2013-12-12
GRID拖拽行的實(shí)例代碼
這篇文章介紹了GRID拖拽行的實(shí)例代碼，有需要的朋友可以參考一下
2013-07-07
js圖片上傳中file、bolb、base64圖片之間的相互轉(zhuǎn)化
這篇文章主要介紹了js圖片上傳中file、bolb、base64圖片之間的相互轉(zhuǎn)化,blob轉(zhuǎn)file,blob轉(zhuǎn)base64,base64轉(zhuǎn)file,使用canvas壓縮圖片,需要的朋友可以參考下
2022-05-05
javascript 閉包疑問(wèn)
今天在編碼時(shí)，遇到一個(gè)問(wèn)題，特記錄下。希望對(duì)朋友有所幫助。
2010-12-12
js窗口震動(dòng)小程序分享
這篇文章主要為大家分享了js窗口震動(dòng)小程序,可設(shè)置抖動(dòng)的頻率，范圍，和次數(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
用原生JS獲取CLASS對(duì)象(很簡(jiǎn)單實(shí)用)
這篇文章主要介紹了如何用原生JS獲取CLASS對(duì)象，看過(guò)dom編程藝術(shù)的朋友或許會(huì)知道的
2014-10-10
element?ui?-?el-button?重新渲染后disabled屬性失效問(wèn)題解決
這篇文章主要介紹了elementui el-button重新渲染后disabled屬性失效問(wèn)題解決,解決方法也很簡(jiǎn)單，給el-button元素添加key值就可以了，需要的朋友可以參考下
2023-07-07