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 相关文章推荐
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
May 01 jQuery
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 jQuery
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
jquery插件开发之选项卡制作详解
Aug 30 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
JQuery animate动画应用示例
May 14 jQuery
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
jquery实现吸顶导航效果
Jan 08 jQuery
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 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中长文章分页显示实现代码
2012/09/29 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
JQUERY THICKBOX弹出层插件
2008/08/30 Javascript
在UpdatePanel内jquery easyui效果失效的解决方法
2010/04/11 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
微信小程序开发中的疑问解答汇总
2017/07/03 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
2018/08/13 Javascript
NodeJs操作MongoDB教程之分页功能以及常见问题
2019/04/09 NodeJs
通过扫小程序码实现网站登陆功能
2019/08/22 Javascript
javascript Canvas动态粒子连线
2020/01/01 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
2020/12/10 Javascript
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
python实现画一颗树和一片森林
2018/06/25 Python
python对于requests的封装方法详解
2019/01/03 Python
在Python中利用pickle保存变量的实例
2019/12/30 Python
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
欧洲高端品牌直销店:Fashionesta
2016/08/31 全球购物
英国度假别墅预订:Sykes Cottages
2017/06/12 全球购物
沃达丰英国有限公司:Vodafone英国
2019/04/16 全球购物
在家更换处方镜片:Lensabl
2019/05/01 全球购物
祖国在我心中演讲稿400字
2014/05/04 职场文书
党的群众路线教育实践活动整改方案
2014/10/28 职场文书
同学聚会邀请函
2015/01/30 职场文书
婚姻出轨保证书
2015/05/08 职场文书
你离财务总监还有多远?速览CFO的岗位职责
2019/11/18 职场文书
为什么在foreach循环中JAVA集合不能添加或删除元素
2021/06/11 Java/Android
Java实现简易的分词器功能
2021/06/15 Java/Android
SQL Server远程连接的设置步骤(图文)
2022/03/23 SQL Server
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL
golang生成vcf通讯录格式文件详情
2022/03/25 Golang