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，希望能給大家一些幫助吧。
您可能感興趣的文章:
- jquery實(shí)現(xiàn)簡(jiǎn)單的表單驗(yàn)證
- jquery實(shí)現(xiàn)表單驗(yàn)證簡(jiǎn)單實(shí)例演示
- jQuery實(shí)現(xiàn)form表單基于ajax無(wú)刷新提交方法詳解
- jQuery實(shí)現(xiàn)批量判斷表單中文本框非空的方法(2種方法)
- jQuery使用$.ajax提交表單完整實(shí)例
- jquery插件EasyUI中form表單提交實(shí)例分享
- 實(shí)例詳解jQuery表單驗(yàn)證插件validate
- 深入學(xué)習(xí)jQuery Validate表單驗(yàn)證（二）
- jQuery form插件之formDdata參數(shù)校驗(yàn)表單及驗(yàn)證后提交
- jQuery Form 表單提交插件之formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的應(yīng)用
- jquery form表單獲取內(nèi)容以及綁定數(shù)據(jù)
- 使用JQuery實(shí)現(xiàn)智能表單驗(yàn)證功能
相關(guān)文章
javascript實(shí)現(xiàn)按回車鍵切換焦點(diǎn)
這篇文章主要介紹了javascript實(shí)現(xiàn)按回車鍵切換焦點(diǎn)的方法,需要的朋友可以參考下2015-02-02
Bootstrap中定制LESS-顏色及導(dǎo)航條(推薦)
這篇文章主要介紹了Bootstrap中定制LESS-顏色及導(dǎo)航條的相關(guān)資料，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-11-11
javascript淺層克隆、深度克隆對(duì)比及實(shí)例解析
這篇文章主要介紹了javascript淺層克隆、深度克隆對(duì)比及實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
js原生代碼實(shí)現(xiàn)輪播圖的實(shí)例講解
下面小編就為大家?guī)?lái)一篇js原生代碼實(shí)現(xiàn)輪播圖的實(shí)例講解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript仿聊天室聊天記錄實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
微信小程序自定義音樂(lè)進(jìn)度條的實(shí)例代碼
最近遇到這樣的需求：顯示音樂(lè)播放按鈕、可手動(dòng)拖拽進(jìn)度條；頁(yè)面中含多個(gè)音樂(lè)，播放當(dāng)前音樂(lè)時(shí)暫停其他音樂(lè)播放。 這篇文章主要介紹了微信小程序自定義音樂(lè)進(jìn)度條的實(shí)例代碼,需要的朋友可以參考下2018-08-08
JavaScript獲取GridView中用戶點(diǎn)擊控件的行號(hào)，列號(hào)
GridView中的某幾列有按鈕，需要獲取用戶當(dāng)前點(diǎn)的按鈕的行號(hào)（捎帶的得到列號(hào)）2009-04-04
當(dāng)編輯某條數(shù)據(jù)時(shí)，再回過(guò)頭來(lái)進(jìn)行編輯，會(huì)發(fā)現(xiàn)，里面的數(shù)據(jù)和沒(méi)有編輯以前是一樣的，這就是ie緩存的問(wèn)題，下面是一個(gè)不錯(cuò)的解決方法2014-08-08
JavaScript通過(guò)filereader接口讀取文件
這篇文章主要為大家詳細(xì)介紹了通過(guò)filereader接口讀取文件，使用readAsDataURL方法預(yù)覽圖片的相關(guān)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
微信小程序navigator跳轉(zhuǎn)及參數(shù)傳遞的方法
這篇文章主要介紹了微信小程序navigator跳轉(zhuǎn)及參數(shù)傳遞,在navigator中添加需要跳轉(zhuǎn)的路徑,如果需要帶參,則在路徑后面添加所要傳遞的參數(shù)以及值,需要的朋友可以參考下2023-11-11