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实现全选、全不选以及单选功能
Mar 23 jQuery
关于jQuery中fade(),show()起始位置的一点小发现
Apr 25 jQuery
Jquery把获取到的input值转换成json
May 15 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
jquery插件开发模式实例详解
Jul 20 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
jQuery 筛选器简单操作示例
Oct 02 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
jquery实现烟花效果(面向对象)
Mar 10 jQuery
jQuery实现移动端扭蛋机抽奖
Nov 08 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/12/06 PHP
php网页后退不再出现过期
2007/03/08 PHP
一个PHP的String类代码
2010/04/20 PHP
PHP静态文件生成类实例
2014/11/29 PHP
php获得网站访问统计信息类Compete API用法实例
2015/04/02 PHP
创建无限极分类树型结构的简单方法
2017/06/20 PHP
Yii框架Session与Cookie使用方法示例
2019/10/14 PHP
一段好玩的JavaScript代码
2006/12/01 Javascript
Html中JS脚本执行顺序简单举例说明
2010/06/19 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
javascript验证身份证号
2015/03/03 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
2015/12/24 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
2018/08/08 jQuery
手动实现把python项目发布为exe可执行程序过程分享
2014/10/23 Python
Python通过正则表达式选取callback的方法
2015/07/18 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
Python通过VGG16模型实现图像风格转换操作详解
2020/01/16 Python
python GUI库图形界面开发之PyQt5表单布局控件QFormLayout详细使用方法与实例
2020/03/06 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
澳大利亚最受欢迎的女士度假服装:Kabana Shop
2020/10/10 全球购物
《回乡偶书》教学反思
2014/04/12 职场文书
感恩父母主题班会
2015/08/12 职场文书
《当代神农氏》教学反思
2016/02/23 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
python3实现无权最短路径的方法
2021/05/12 Python
详解缓存穿透击穿雪崩解决方案
2021/05/28 Redis
html2 canvas svg不能识别的解决方案
2021/06/03 HTML / CSS
MySQL三种方式实现递归查询
2022/04/18 MySQL
Python 匹配文本并在其上一行追加文本
2022/05/11 Python