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插件之validation插件
Mar 29 jQuery
为Jquery EasyUI 组件加上清除功能的方法(详解)
Apr 13 jQuery
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
Jun 09 jQuery
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
jQuery ajax调用webservice注意事项
Oct 08 jQuery
jQuery 改变P标签文本值方法
Feb 24 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
jQuery事件委托代码实践详解
Jun 21 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中soap的用法实例
2014/10/24 PHP
Symfony页面的基本创建实例详解
2015/01/26 PHP
php邮件发送的两种方式
2020/04/28 PHP
ThinkPHP中session函数详解
2016/09/14 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
Laravel框架验证码类用法实例分析
2019/09/11 PHP
Extjs学习笔记之六 面版
2010/01/08 Javascript
jquery 合并内容相同的单元格(示例代码)
2013/12/13 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
2014/08/18 Javascript
简述AngularJS相关的一些编程思想
2015/06/23 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
Javascript将JSON日期格式化
2016/08/23 Javascript
Angularjs实现mvvm式的选项卡示例代码
2016/09/08 Javascript
javascript实现页面滚屏效果
2017/01/17 Javascript
vue实现app页面切换动画效果实例
2017/05/23 Javascript
JavaScript之排序函数_动力节点Java学院整理
2017/06/30 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
2017/08/15 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
[01:05:29]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第二场 1月24日
2021/03/11 DOTA
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
基于python实现自动化办公学习笔记(CSV、word、Excel、PPT)
2019/08/06 Python
使用python实现unix2dos和dos2unix命令的例子
2019/08/13 Python
Python爬取微信小程序Charles实现过程图解
2020/09/29 Python
html5的canvas方法使用指南
2014/12/15 HTML / CSS
销售人员求职的自我评价分享
2014/03/15 职场文书
小学生综合素质评语
2014/04/23 职场文书
校园安全演讲稿
2014/05/09 职场文书
2014年民警工作总结
2014/11/25 职场文书
安阳殷墟导游词
2015/02/10 职场文书
七一慰问简报
2015/07/20 职场文书
【海涛dota解说】一房久违的影魔魂守二连发
2022/04/01 DOTA