去除字符串左右两边的空格(实现代码)
在日常工作中,过滤表单中的一些特殊的字符是很常见的功能,比如文本中要求输入单纯的数字,但用户有时会误输入一些多余的空格或其他字符混合的文本,这显然不符合输入要求。
下面一起来学习怎么样去除字符串左右两边的空格。
过滤前:
过滤后:
HTML代码:
CSS代码:
html,body,div,input{margin:0;padding:0;}
.main{width:400px;height:auto;padding:0 15px;text-align:center;}
.main input{width:100%;height:35px;border:none;margin-top:20px;border-radius:5px;}
input[type="text"]{text-align:left;padding-left:15px;box-sizing:border-box;border:1px solid blue;}
input[type="button"]{width:50%;background:blue;}
@media only screen and (max-width: 415px) {
.main{width:100%;box-sizing:border-box;}
}
js部分:
var userName = document.getElementById('userName'),
rule = document.getElementById('rule'),
regexEmpty = /^(\s|\u00A0)+|(\s|\u00A0)+$/g;
rule.onclick = function (){
userName.value = userName.value.replace(regexEmpty,''); //正则替换
console.log(userName.value);
}
以上这篇去除字符串左右两边的空格(实现代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。相关阅读:
仿Word自动套用格式使用CSS设置表格样式实例
java教学笔记之对象的创建与销毁
C++中的哈希容器unordered_map使用示例
深入android Unable to resolve target 'android-XX'详解
JS+CSS实现的拖动分页效果实例
微软宣布:Win10小型更新日志详情只提供给企业版用户
解析在Android中为TextView增加自定义HTML标签的实现方法
了解Java虚拟机JVM的基本结构及JVM的内存溢出方式
Java数据结构及算法实例:汉诺塔问题 Hanoi
举例详解HTML5中使用JSON格式提交表单
Mysql 原生语句中save or update 的写法汇总
php获取从百度搜索进入网站的关键词的详细代码
C++与C的差异分析
强制SQL Server执行计划使用并行提升在复杂查询语句下的性能