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使用JSONP实现跨域获取数据的三种方法详解
May 04 jQuery
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
jQuery实现手势解锁密码特效
Aug 14 jQuery
使用jQuery实现购物车结算功能
Aug 15 jQuery
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
详解jQuery中的getAll()和cleanData()
Apr 15 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 jQuery
jQuery操作元素追加内容示例
Jan 10 jQuery
如何在vue 中引入使用jquery
Nov 10 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
人族 Terran 基本策略
2020/03/14 星际争霸
整合了前面的PHP数据库连接类~~做成一个分页类!
2006/11/25 PHP
浅析PKI加密解密 OpenSSL
2013/07/01 PHP
PHP 超级全局变量相关总结
2020/06/30 PHP
JQuery浮动DIV提示信息并自动隐藏的代码
2010/08/29 Javascript
HTML上传控件取消选择
2013/03/06 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
js控制iframe的高度/宽度让其自适应内容
2014/04/09 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
2015/09/06 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
2018/02/26 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
vue.js计算属性computed用法实例分析
2018/07/06 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
2018/12/14 Javascript
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
vue-父子组件和ref实例详解
2019/11/10 Javascript
python socket网络编程之粘包问题详解
2018/04/28 Python
Tensorflow实现AlexNet卷积神经网络及运算时间评测
2018/05/24 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
keras 模型参数,模型保存,中间结果输出操作
2020/07/06 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
国际书籍零售商:Wordery
2017/11/01 全球购物
德国亚马逊官方网站:Amazon.de
2020/11/15 全球购物
校园达人秀策划书
2014/01/12 职场文书
小学岗位竞聘方案
2014/01/22 职场文书
学生周末长期请假条
2014/02/15 职场文书
岗位竞聘书范文
2014/03/31 职场文书
财产保全担保书范文
2014/04/01 职场文书
小学教师个人先进事迹材料
2014/05/17 职场文书
爱护花草树木的标语
2014/06/11 职场文书
2015年中学元旦晚会活动方案
2014/12/09 职场文书
加薪申请报告范本
2015/05/15 职场文书
Redis Cluster 字段模糊匹配及删除
2021/05/27 Redis
Python基础知识学习之类的继承
2021/05/31 Python
python通过新建环境安装tfx的问题
2022/05/20 Python