js删除文本框输入内容前后两端的空格
分类：实例代码
在实际应用中，可能不希望文本框输入内容的两端出现空格。
但是有时候不小心就会出现此问题，下面就介绍一下如何删除文本框输入内容两端的空格。
代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script>
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g,"");
}
window.onload=function(){
var obt=document.getElementById("bt");
var otxt=document.getElementById("txt");
obt.onclick=function(){
var val=otxt.value;
if(trim(val)!=""){
document.forms[0].submit()
}else{
alert("内容不能为空！");
}
}
}
</script>
</head>
<body>
<form>
<input type="text" id="txt"/>
<input type="button" id="bt" value="查看效果"/>
</form>
</body>
</html>
上面的代码实现了我们的要求，代码非常的简单，核心代码是 :
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g,"");
}
一线大厂高级前端编写，前端初中阶面试题，帮助初学者应聘，需要联系微信：javadudu