jquery replace方法去空格

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

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

話不多說，請看代碼：

<!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 包含以空格、回車符等字符開頭或者空格、回車符等字符結尾的字符串，可過濾出所有空格、回車符的字符
    /g意思就是：global可選標志，帶這個標志表示替換將針對行中每個匹配的串進行，否則則只替換行中第一個匹配串。如：we.fdffddfwe.加上/g后，則2個we都會出來；
    \s 空白字符

    replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子串。
    stringObject.replace(regexp/substr,replacement)
  */
  </script>
 <div>
 </body>
</html>

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

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