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手风琴的简单制作
May 12 jQuery
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
关于jquery中attr()和prop()方法的区别
May 28 jQuery
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
jQuery中DOM常见操作实例小结
Aug 01 jQuery
jquery实现的分页显示功能示例
Aug 23 jQuery
jQuery实现验证用户登录
Dec 10 jQuery
jQuery实现评论模块
Aug 19 jQuery
jQuery实现动态操作table行
Nov 23 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
深入PHP FTP类的详解
2013/06/13 PHP
CodeIgniter模板引擎使用实例
2014/07/15 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
PHP守护进程化在C和PHP环境下的实现
2017/11/21 PHP
JavaScript中检测变量是否存在遇到的一些问题
2013/11/11 Javascript
javascript 回调函数详解
2014/11/11 Javascript
Javascript writable特性介绍
2015/02/27 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
2016/12/23 Javascript
JavaScript日期对象(Date)基本用法示例
2017/01/18 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
2017/03/03 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
创建echart多个联动的示例代码
2018/11/23 Javascript
three.js实现圆柱体
2018/12/30 Javascript
生产制造追溯系统之再说条码打印
2019/06/03 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
2019/09/27 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
element-ui 实现响应式导航栏的示例代码
2020/05/08 Javascript
Python实现全局变量的两个解决方法
2014/07/03 Python
python条件变量之生产者与消费者操作实例分析
2017/03/22 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
Python定义一个Actor任务
2020/07/29 Python
如何解决flask修改静态资源后缓存文件不能及时更改问题
2020/08/02 Python
anaconda升级sklearn版本的实现方法
2021/02/22 Python
蛋白质世界:Protein World
2017/11/23 全球购物
升职自荐信范文
2013/10/05 职场文书
拉丁舞学习者的自我评价
2013/10/27 职场文书
国贸类专业毕业生的求职信分享
2013/12/08 职场文书
应届毕业生求职信
2014/05/26 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
医者仁心观后感
2015/06/17 职场文书
红色经典观后感
2015/06/18 职场文书
《怀念母亲》教学反思
2016/02/19 职场文书
HTML中link标签属性的具体用法
2023/05/07 HTML / CSS