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使用unlock.js插件实现滑动解锁
Apr 04 jQuery
jquery请求servlet实现ajax异步请求的示例
Jun 03 jQuery
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
webpack写jquery插件的环境配置
Dec 21 jQuery
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
jquery将json转为数据字典的实例代码
Oct 11 jQuery
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 jQuery
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
jQuery实现开关灯效果
Aug 02 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控制网页过期时间的代码
2008/09/28 PHP
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
PHP中foreach()用法汇总
2015/07/02 PHP
JavaScript判断两种格式的输入日期的正确性的代码
2007/03/25 Javascript
JavaScript Chart 插件整理
2010/06/18 Javascript
jquery next nextAll nextUntil siblings的区别介绍
2013/10/05 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
2014/12/20 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
2015/12/03 Javascript
实例讲解jquery中mouseleave和mouseout的区别
2016/02/17 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
JS中作用域和变量提升(hoisting)的深入理解
2016/10/31 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
2016/12/14 Javascript
基于JavaScript实现窗口拖动效果
2017/01/18 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
2017/07/24 Javascript
总结js函数相关知识点
2018/02/27 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
2019/08/27 jQuery
如何基于layui的laytpl实现数据绑定的示例代码
2020/04/10 Javascript
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
【python】matplotlib动态显示详解
2019/04/11 Python
python实现LBP方法提取图像纹理特征实现分类的步骤
2019/07/11 Python
Python队列、进程间通信、线程案例
2019/10/25 Python
使用opencv将视频帧转成图片输出
2019/12/10 Python
Python如何给你的程序做性能测试
2020/07/29 Python
CSS3选择器新增问题的实现
2021/01/21 HTML / CSS
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
加拿大时装零售商:Influence U
2018/12/22 全球购物
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
创先争优制度
2014/01/21 职场文书
《孙权劝学》教学反思
2014/04/23 职场文书
好听的队名和口号
2014/06/09 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
小学中等生评语
2014/12/29 职场文书
2016年社区“6.26”禁毒日宣传活动总结
2016/04/05 职场文书
把77A收信机改造成收音机
2022/04/05 无线电