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实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
jQuery设置图片等比例缩小的方法
Apr 29 jQuery
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
jQuery实现弹窗下底部页面禁止滑动效果
Dec 19 jQuery
jquery实现联想词搜索框和搜索结果分页的示例
Oct 10 jQuery
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
[jQuery] 事件和动画详解
Mar 05 jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 jQuery
jQuery实现简单评论区功能
Oct 26 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逐行读取txt文件写入数组的方法
2015/07/02 PHP
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
CI框架整合widget(页面格局)的方法
2016/05/17 PHP
php数组实现根据某个键值将相同键值合并生成新二维数组的方法
2017/04/26 PHP
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
jquery提取元素里的纯文本不包含span等里的内容
2013/09/30 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
javaScript的函数对象的声明详解
2015/02/06 Javascript
js闭包实现按秒计数
2015/04/23 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
Bootstrap每天必学之前端开发框架
2015/11/19 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
2016/01/21 Javascript
JS实现页面跳转参数不丢失的方法
2016/11/28 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
vue form check 表单验证的实现代码
2018/12/09 Javascript
vue开发移动端底部导航条功能
2020/04/08 Javascript
原生JavaScript实现随机点名表
2021/01/14 Javascript
Python的shutil模块中文件的复制操作函数详解
2016/07/05 Python
python让列表倒序输出的实例
2018/06/25 Python
python+pyqt5实现图片批量缩放工具
2019/03/18 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
Python编写带选项的命令行程序方法
2019/08/13 Python
python线性插值解析
2020/07/05 Python
html5配合css3实现带提示文字的输入框(摆脱js)
2013/03/08 HTML / CSS
SVG实现多彩圆环倒计时效果的示例代码
2017/11/21 HTML / CSS
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
解除劳动关系协议书范文
2014/09/11 职场文书
交通事故死亡赔偿协议书
2014/12/03 职场文书
使用python向MongoDB插入时间字段的操作
2021/05/18 Python
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android
Windows Server 2019 配置远程控制以及管理方法
2022/04/28 Servers