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 Validate表单验证插件实现代码
Jun 08 jQuery
jQuery Easyui Treegrid实现显示checkbox功能
Aug 08 jQuery
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
jquery实现左右轮播图效果
Sep 28 jQuery
jQuery响应滚动条事件功能示例
Oct 14 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
May 29 jQuery
jQuery实现朋友圈查看图片
Sep 11 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 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/11/25 PHP
php smarty模版引擎中的缓存应用
2009/12/11 PHP
PHP中的Memcache详解
2014/04/05 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
PHP获取路径和目录的方法总结【必看篇】
2017/03/04 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
JS判断字符串变量是否含有某个字串的实现方法
2016/06/03 Javascript
hovertree插件实现二级树形菜单(简单实用)
2016/12/28 Javascript
js处理层级数据结构的方法小结
2017/01/17 Javascript
js评分组件使用详解
2017/06/06 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
js设置鼠标悬停改变背景色实现详解
2019/06/26 Javascript
layui表格分页 记录勾选的实例
2019/09/02 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
Python中decorator使用实例
2015/04/14 Python
详细探究Python中的字典容器
2015/04/14 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
解决PyCharm import torch包失败的问题
2018/10/13 Python
Python两台电脑实现TCP通信的方法示例
2019/05/06 Python
Golang GBK转UTF-8的例子
2019/08/26 Python
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
财务科长个人对照检查材料
2014/09/18 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书
大学生党员批评与自我批评范文
2014/10/14 职场文书
奖励通知
2015/04/22 职场文书
2015年公司后勤管理工作总结
2015/05/13 职场文书
新生开学寄语大全
2015/05/28 职场文书
2016年党员公开承诺书格式范文
2016/03/24 职场文书
spring cloud gateway中如何读取请求参数
2021/07/15 Java/Android
nginx搭建NFS网络文件系统
2022/04/14 Servers