快捷導(dǎo)航

jquery replace方法去空格

更新時(shí)間：2017年05月08日 11:05:23 作者：yangzailu1990

本篇文章主要介紹了jquery replace方法去空格的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧

話不多說，請(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í)也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

jQuery ajax調(diào)用后臺(tái)aspx后臺(tái)文件的兩種常見方法(不是ashx)
這篇文章主要介紹了jQuery ajax調(diào)用后臺(tái)aspx后臺(tái)文件的兩種常見方法(不是ashx)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
jqPlot 圖表中文API使用文檔及源碼和在線示例
今天我再來向大家介紹一款jquery圖表插件jqplot，下面是一些中文說明，希望對(duì)你有所幫助
2012-02-02
jQuery ajaxSubmit 實(shí)現(xiàn)ajax提交表單局部刷新
這篇文章主要介紹了jQuery ajaxSubmit 實(shí)現(xiàn)ajax提交表單局部刷新的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
jQuery實(shí)現(xiàn)獲取隱藏div高度的方法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)獲取隱藏div高度的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery針對(duì)頁(yè)面元素屬性操作的相關(guān)技巧,需要的朋友可以參考下
2017-02-02
jQuery動(dòng)態(tài)添加可拖動(dòng)元素完整實(shí)例(附demo源碼下載)
這篇文章主要介紹了jQuery動(dòng)態(tài)添加可拖動(dòng)元素的方法,可實(shí)現(xiàn)簡(jiǎn)單的點(diǎn)擊添加元素,并且添加的元素可進(jìn)行拖動(dòng)操作.涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下
2016-06-06
基于jquery的tab切換 js原理
基于jquery的tab切換使用的是js的原理。綁定鼠標(biāo)經(jīng)過事件實(shí)現(xiàn)的。
2010-04-04
jquery關(guān)于事件冒泡和事件委托的技巧及阻止與允許事件冒泡的三種實(shí)現(xiàn)方法
大家都知道，jQuery事件觸發(fā)時(shí)有2種機(jī)制，一種是事件委托，另一種是事件冒泡,冒泡或默認(rèn)的事件發(fā)生,在某些時(shí)候是不需要的,在此就需要一些可以阻止冒泡和默認(rèn)的事件的方法,本文介紹三種方法做到不同程度的阻止，感興趣的朋友可以了解下，或許對(duì)你了解冒泡事件有所幫助
2015-11-11
基于jquery實(shí)現(xiàn)的鼠標(biāo)滑過按鈕改變背景圖片
基于jquery實(shí)現(xiàn)的鼠標(biāo)滑過按鈕改變背景圖片，發(fā)現(xiàn)用CSS用時(shí)IE6不兼容，所以就用見JQ實(shí)現(xiàn)。
2011-07-07
jquery插件jquery.beforeafter.js實(shí)現(xiàn)左右拖拽分隔條對(duì)比圖片的方法
這篇文章主要介紹了jquery插件jquery.beforeafter.js實(shí)現(xiàn)左右拖拽分隔條對(duì)比圖片的方法,可實(shí)現(xiàn)圖片拖拽變換的功能,需要的朋友可以參考下
2015-08-08
EasyUI學(xué)習(xí)之Combobox下拉列表(1)
這篇文章主要為大家詳細(xì)介紹了EasyUI學(xué)習(xí)之Combobox下拉列表的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12