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实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
详解jQuery中的prop()使用方法
Jan 05 jQuery
Jquery Fade用法详解
Nov 06 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
苏联队长,苏联超人蝙蝠侠,这些登场的“山寨”英雄真的很严肃
2020/04/09 欧美动漫
php数组函数序列之each() - 获取数组当前内部指针所指向元素的键名和键值,并将指针移到下一位
2011/10/31 PHP
php绘图中显示不出图片的原因及解决
2014/03/05 PHP
php关键字仅替换一次的实现函数
2015/10/29 PHP
Laravel 登录后清空COOKIE的操作方法
2019/10/14 PHP
一个加密JavaScript的开源工具PACKER2.0.2
2006/11/04 Javascript
Extjs学习笔记之六 面版
2010/01/08 Javascript
Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
2010/03/16 Javascript
基于JQuery的浮动DIV显示提示信息并自动隐藏
2011/02/11 Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
jquery移动listbox的值原理及代码
2013/05/03 Javascript
javascript 获取浏览器版本
2015/01/21 Javascript
jQuery定义插件的方法
2015/12/18 Javascript
JavaScript深度复制(deep clone)的实现方法
2016/02/19 Javascript
常用的JQuery函数及功能小结
2016/03/24 Javascript
jquery插件uploadify多图上传功能实现代码
2016/08/12 Javascript
完美解决IE不支持Data.parse()的问题
2016/11/24 Javascript
通过npm引用的vue组件使用详解
2017/03/02 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
JS实现排行榜文字向上滚动轮播效果
2019/11/26 Javascript
Postman内建变量常用方法实例解析
2020/07/28 Javascript
Python的argparse库使用详解
2018/10/09 Python
Python绘制三角函数图(sin\cos\tan)并标注特定范围的例子
2019/12/04 Python
pytorch实现建立自己的数据集(以mnist为例)
2020/01/18 Python
python框架Django实战商城项目之工程搭建过程图文详解
2020/03/09 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
元旦寄语大全
2014/04/10 职场文书
家长通知书教师评语
2014/04/17 职场文书
服务承诺口号
2014/05/22 职场文书
听证会主持词
2015/07/03 职场文书
Python获取江苏疫情实时数据及爬虫分析
2021/08/02 Python
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android