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 相关文章推荐
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 jQuery
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
利用jQuery实现简单的拖曳效果实例代码
Oct 20 jQuery
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
jquery的$().each和$.each的区别
Jan 18 jQuery
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
jQuery实现可以计算进制转换的计算器
Oct 19 jQuery
JavaScript枚举选择jquery插件代码实例
Nov 17 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动态生成虚拟现实VRML网页
2006/10/09 PHP
PHP时间戳使用实例代码
2008/06/07 PHP
cakephp打印sql语句的方法
2015/02/13 PHP
ThinkPHP下表单令牌错误与解决方法分析
2017/05/20 PHP
PHP实现QQ登录的开原理和实现过程
2018/02/04 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
基于php解决json_encode中文UNICODE转码问题
2020/11/10 PHP
IE bug table元素的innerHTML
2010/01/11 Javascript
jquery 图片轮换效果
2010/07/29 Javascript
javascript中的继承实例代码
2011/04/27 Javascript
JavaScript初学者应注意的七个细节详细介绍
2012/12/27 Javascript
js四舍五入数学函数round使用实例
2014/05/09 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
JavaScript优化以及前段开发小技巧
2017/02/02 Javascript
微信小程序 出现错误:{&quot;baseresponse&quot;:{&quot;errcode&quot;:-80002,&quot;errmsg&quot;:&quot;&quot;}}解决办法
2017/02/23 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
Vue组件通信中非父子组件传值知识点总结
2019/12/05 Javascript
jQuery-App输入框实现实时搜索
2020/11/19 jQuery
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
探寻python多线程ctrl+c退出问题解决方案
2014/10/23 Python
对Python 窗体(tkinter)文本编辑器(Text)详解
2018/10/11 Python
Django JWT Token RestfulAPI用户认证详解
2019/01/23 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
Django 解决由save方法引发的错误
2020/05/21 Python
python 代码运行时间获取方式详解
2020/09/18 Python
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
三维科技面试题
2013/07/27 面试题
2014年扫黄打非工作总结
2014/12/03 职场文书
Python中的np.argmin()和np.argmax()函数用法
2021/06/02 Python
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript
Nginx如何配置多个服务域名解析共用80端口详解
2022/09/23 Servers