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

输入框去空格并判断是否为空
用正则表达式+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();
    }

后续继续更~