【原创】表单提交之文本输入框(一)

输入框去空格并判断是否为空

用正则表达式+replace()过滤空字符串

html

<input type="text" id="strs" ="      需要顾虑的空格">
<input type="button" id="rstrsBtn" value="   过滤  " name="">

js

var _rstrsBtn = document.getElementById("rstrsBtn"),
_strs = document.getElementById("strs");

_rstrsBtn.onclick = function(){
if (!_strs.value.replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g,"")) { //判断是否为空
alert("输入为空")
}else{
alert("输入不为空")
}
}

禁止输入（四种方法，三种效果）

方法一：用html的属性

(1)
<div>
<input type="text" name="" value="禁止输入" disabled>
</div>
(2)
<div>
<input type="text" name="" value="禁止输入" disabled="disabled">
</div>
(3)
<div>
<input type="text" name="" value="禁止输入" readonly>
</div>

1，2只是写法不同，效果是一样

3,是将输入字段设置为只读。只读字段不能修改，但是能被复制和被tab间选中的。

方法二:用JavaScript来控制输入的方式

html

<input type="text" name="" id="inhibitingInput" value="js禁止输入">

看起来是可读状态，但是鼠标移上去的显示不一样，而且也不能选中复制内容。

var $inhibitingInput = document.getElementById("inhibitingInput");
$inhibitingInput.onfocus = function(){
//console.log("onfocus")
$inhibitingInput.blur();
}

后续继续更~