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 05 jQuery
jQuery导航条固定定位效果实例代码
May 26 jQuery
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
jquery实现的放大镜效果示例
Feb 24 jQuery
jquery轮播图插件使用方法详解
Jul 31 jQuery
jQuery实现可以计算进制转换的计算器
Oct 19 jQuery
Jquery+javascript实现支付网页数字键盘
Dec 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实现ping
2006/10/09 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
PHP图片库imagemagick安装方法
2014/09/23 PHP
PHP数据库操作Helper类完整实例
2016/05/11 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
js调用浏览器打印模块实现点击按钮触发自定义函数
2014/03/21 Javascript
jQuery Masonry瀑布流插件使用详解
2014/11/17 Javascript
JS与jQuery遍历Table所有单元格内容的方法
2015/12/07 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
轻松实现js选项卡切换效果
2016/09/24 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
JavaScript中重名的函数与对象示例详析
2017/09/28 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
基于JavaScript实现控制下拉列表
2020/05/08 Javascript
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
Python之str操作方法(详解)
2017/06/19 Python
查看python下OpenCV版本的方法
2018/08/03 Python
python Django框架实现web端分页呈现数据
2019/10/31 Python
Python+OpenCV实现将图像转换为二进制格式
2020/01/09 Python
python内打印变量之%和f的实例
2020/02/19 Python
浅谈TensorFlow之稀疏张量表示
2020/06/30 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
CSS3 旋转立方体问题详解
2020/01/09 HTML / CSS
品管员岗位职责
2013/11/10 职场文书
《桥》教学反思
2014/04/09 职场文书
社区健康教育工作方案
2014/06/03 职场文书
项目经理任命书范本
2014/06/05 职场文书
学雷锋的心得体会
2014/09/04 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
见习报告的格式
2014/11/04 职场文书
通知范文怎么写
2015/04/16 职场文书
盗窃罪辩护词范文
2015/05/21 职场文书
《假如》教学反思
2016/02/17 职场文书
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python