jquery replace方法去空格


Posted in jQuery onMay 08, 2017

话不多说,请看代码:

<!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 相关文章推荐
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
基于jquery实现多级菜单效果
Jul 25 jQuery
jQuery实现键盘回车搜索功能
Jul 25 jQuery
使用jQuery实现购物车结算功能
Aug 15 jQuery
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
JQuery的加载和选择器用法简单示例
May 13 jQuery
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
jQuery实现简易聊天框
Feb 08 jQuery
jquery实现烟花效果(面向对象)
Mar 10 jQuery
jQuery实现鼠标拖拽登录框移动效果
Sep 13 jQuery
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 #jQuery
JQuery实现图片轮播效果
May 08 #jQuery
jQuery中的deferred对象和extend方法详解
May 08 #jQuery
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 #jQuery
jQuery动态追加页面数据以及事件委托详解
May 06 #jQuery
jquery点赞功能实现代码 点个赞吧!
May 29 #jQuery
jQuery extend()详解及简单实例
May 06 #jQuery
You might like
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
PHP strcmp()和strcasecmp()的区别实例
2016/11/05 PHP
Yii2实现ActiveForm ajax提交
2017/05/26 PHP
微信公众平台开发教程①获取用户Openid及个人信息图文详解
2019/04/10 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
prototype Element学习笔记(篇一)
2008/10/26 Javascript
js继承的实现代码
2010/08/05 Javascript
js调用webservice中的方法实现思路及代码
2013/02/25 Javascript
jqueyr判断checkbox组的选中(示例代码)
2013/11/08 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
2016/05/30 Javascript
TypeScript入门-基本数据类型
2017/03/28 Javascript
javascript中的面向对象
2017/03/30 Javascript
JS创建Tag标签的方法详解
2017/06/09 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
2017/06/30 Javascript
让网站自动生成章节目录索引的多个js代码
2018/01/07 Javascript
Material(包括Material Icon)在Angular2中的使用详解
2018/02/11 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
vuex如何重置所有state(可定制)
2019/01/17 Javascript
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
[01:06:54]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第一场 1月24日
2021/03/11 DOTA
Python创建系统目录的方法
2015/03/11 Python
详解Python中的循环语句的用法
2015/04/09 Python
python多进程中的内存复制(实例讲解)
2018/01/05 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
CSS3 中filter(滤镜)属性使用详解
2020/04/07 HTML / CSS
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
酒店开业策划方案
2014/06/02 职场文书
会员活动策划方案
2014/08/19 职场文书
银行实习推荐信
2015/03/27 职场文书
总结Python常用的魔法方法
2021/05/25 Python
Python实现拼音转换
2021/06/07 Python
详解nginx进程锁的实现
2021/06/14 Servers