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实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
jQuery手风琴的简单制作
May 12 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
Vue中正确使用jQuery的方法
Oct 30 jQuery
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
jQuery实现的简单拖拽功能示例【测试可用】
Aug 14 jQuery
jquery获取元素到屏幕四周可视距离的方法
Sep 05 jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
jquery添加div实现消息聊天框
Feb 08 jQuery
jquery实现简单拖拽效果
Jul 20 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执行速度全攻略(上)
2006/10/09 PHP
php中通过Ajax如何实现异步文件上传的代码实例
2011/05/07 PHP
PHP动态生成javascript文件的2个例子
2014/04/11 PHP
php实现图片上传并进行替换操作
2016/03/15 PHP
JS之小练习代码
2008/10/12 Javascript
基于jquery的让textarea自适应高度的插件
2010/08/03 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
jquery实现网页定位导航
2016/08/23 Javascript
jQuery继承extend用法详解
2016/10/10 Javascript
Web开发使用Angular实现用户密码强度判别的方法
2017/09/27 Javascript
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
2018/11/30 Javascript
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python执行shell获取硬件参数写入mysql的方法
2014/12/29 Python
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
Pyhthon中使用compileall模块编译源文件为pyc文件
2015/04/28 Python
python实现员工管理系统
2018/01/11 Python
python数据分析数据标准化及离散化详解
2018/02/26 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
使用Django搭建一个基金模拟交易系统教程
2019/11/18 Python
Python如何根据时间序列数据作图
2020/05/12 Python
详解Python IO编程
2020/07/24 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
CSS3动画animation实现云彩向左滚动
2014/05/09 HTML / CSS
酷瑞网络科技面试题
2012/03/30 面试题
GWT (Google Web Toolkit)有哪些主要的原件组成?
2015/06/08 面试题
学雷锋志愿服务月活动总结
2014/03/09 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
团队拓展训练感想
2015/08/07 职场文书
详解Oracle块修改跟踪功能
2021/11/07 Oracle
tp5使用layui实现多个图片上传(带附件选择)的方法实例
2021/11/17 PHP