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插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
详解jQuery设置内容和属性
Apr 11 jQuery
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
jQuery实现B2B网站后台管理系统侧导航
Jul 08 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
php5 图片验证码实现代码
2009/12/11 PHP
PHP 如何利用phpexcel导入数据库
2013/08/24 PHP
解决出现SoapFault (looks like we got no XML document)的问题
2017/06/24 PHP
JS获取客户端IP地址、MAC和主机名的7个方法汇总
2014/07/21 Javascript
DOM基础教程之使用DOM
2015/01/19 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
JS打字效果的动态菜单代码分享
2015/08/21 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
2015/09/23 Javascript
详解微信小程序开发之下拉刷新 上拉加载
2016/11/24 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
js 简易版滚动条实例(适用于移动端H5开发)
2017/06/26 Javascript
基于vue-cli创建的项目的目录结构及说明介绍
2017/11/23 Javascript
微信小程序实现文字无限轮播效果
2018/12/28 Javascript
[02:38]DOTA2亚洲邀请赛小组赛精彩集锦:Wings完美团击溃对手
2017/03/29 DOTA
[48:32]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs VG
2018/04/01 DOTA
python实现代码行数统计示例分享
2014/02/10 Python
python单线程实现多个定时器示例
2014/03/30 Python
在Python中使用HTML模版的教程
2015/04/29 Python
python3监控CentOS磁盘空间脚本
2018/06/21 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
Python遍历文件夹 处理json文件的方法
2019/01/22 Python
对Python3中dict.keys()转换成list类型的方法详解
2019/02/03 Python
python面向对象实现名片管理系统文件版
2019/04/26 Python
PyQt5 QListWidget选择多项并返回的实例
2019/06/17 Python
CSS3 新增选择器的实例
2019/11/13 HTML / CSS
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
计算s=f(f(-1.4))的值
2014/05/06 面试题
资深生产主管自我评价
2013/09/22 职场文书
技术副厂长岗位职责
2013/12/26 职场文书
十八届三中全会宣传方案
2014/02/21 职场文书
公司合作协议范文
2014/10/01 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
初中语文教学研修日志
2015/11/13 职场文书
golang http使用踩过的坑与填坑指南
2021/04/27 Golang
详解缓存穿透击穿雪崩解决方案
2021/05/28 Redis
postgresql中如何执行sql文件
2023/05/08 PostgreSQL