jquery replace方法去空格
話不多說,請(qǐng)看代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" type="text/css" href="" /> <style type="text/css"></style> <script type="text/javascript" src="jquery-3.0.0.js"></script> </head> <body> <div style="width:300px;height:100px;border:1px solid #E5E5E5;margin:0 auto;margin-top:30px;"> <form action="" method="post"> <span>用戶名:</span><input type="text" name="username" class="username" value="" /> <input type="submit" value="提交" class="tijiao"> </form> <script type="text/javascript"> $(document).ready(function(){ $(".tijiao").click(function(){ //var name = $.trim($(".username").val()); var name= $('input[name=username]').val().replace(/(^\s*)|(\s*$)/g,""); if(name==""){ alert("用戶名不能為空"); } }); }); /* /(^\s*)|(\s*$)/g 包含以空格、回車符等字符開頭或者空格、回車符等字符結(jié)尾的字符串,可過濾出所有空格、回車符的字符 /g意思就是:global可選標(biāo)志,帶這個(gè)標(biāo)志表示替換將針對(duì)行中每個(gè)匹配的串進(jìn)行,否則則只替換行中第一個(gè)匹配串。如:we.fdffddfwe.加上/g后,則2個(gè)we都會(huì)出來; \s 空白字符 replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個(gè)與正則表達(dá)式匹配的子串。 stringObject.replace(regexp/substr,replacement) */ </script> <div> </body> </html>
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
- jQuery替換節(jié)點(diǎn)用法示例(使用replaceWith方法)
- 淺談jQuery中replace()方法
- jQuery中replaceAll()方法用法實(shí)例
- jQuery中replaceWith()方法用法實(shí)例
- jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子
- jQuery下通過replace字符串替換實(shí)現(xiàn)大小圖片切換
- 從jQuery.camelCase()學(xué)習(xí)string.replace() 函數(shù)學(xué)習(xí)
- Jquery replace 字符替換實(shí)現(xiàn)代碼
相關(guān)文章
jquery 輸入框查找關(guān)鍵字并提亮顏色的實(shí)例代碼
下面小編就為大家分享一篇jquery 輸入框查找關(guān)鍵字并提亮顏色的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01firefox下jquery iframe刷新頁面提示會(huì)導(dǎo)致重復(fù)之前動(dòng)作
刷新頁面會(huì)提示要顯示此頁面, Firefox 必須發(fā)送將會(huì)導(dǎo)致重復(fù)之前動(dòng)作的數(shù)據(jù),此問題很是疑惑,接下來將為您解答,需要的朋友可以了解下2012-12-12JQuery.Ajax()的data參數(shù)類型實(shí)例詳解
這篇文章主要介紹了JQuery.Ajax()的data參數(shù)類型實(shí)例詳解,需要的朋友可以參考下2015-11-11使用jquery實(shí)現(xiàn)select添加實(shí)現(xiàn)后臺(tái)權(quán)限添加的效果
使用jquery實(shí)現(xiàn)select添加實(shí)現(xiàn)后臺(tái)權(quán)限添加的效果,需要的朋友可以參考下。2011-05-05jQuery動(dòng)態(tài)生成的元素綁定事件操作實(shí)例分析
這篇文章主要介紹了jQuery動(dòng)態(tài)生成的元素綁定事件操作,結(jié)合實(shí)例形式分析了jQuery事件綁定的原理及動(dòng)態(tài)生成的元素綁定事件相關(guān)操作技巧,需要的朋友可以參考下2019-05-05jquery插件corner實(shí)現(xiàn)圓角邊框的方法
這篇文章主要介紹了jquery插件corner實(shí)現(xiàn)圓角邊框的方法,實(shí)例分析了jQuery插件corner的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03jquery append()方法與html()方法的區(qū)別及使用介紹
append()方法在被選元素的結(jié)尾插入指定內(nèi)容,html()方法返回或設(shè)置被選元素的內(nèi)容,下面為大家介紹下兩者的區(qū)別及使用2014-08-08