Question

js判断input是否为空根据结果触发相关事件

要做一个ajax搜索页
当<input type="text" /> 有内容输入后 返回搜索结果 为空则回到搜索主页 要过滤掉空格

想知道 如何判断 input 有内容和无内容(过滤空格)
通过表单(form)实现或者只用一个input实现都可以

Answer 1

<form name='formn' id='formi'> // 表单的name属性必须有，并且唯一！！！
<input type="text" id="ti" name='tn' />
</form>
第一：过滤空格，添加String类的原型方法

String.prototype.trims = function(){
    return this.replace(/^\s*|\s*$/g,'');
};

第二：判断是否为空 (一般方法，只用一个input获取)
// document.getElementById('ti')
if('' == document.querySelector('#ti').value.trims()){
    return;
}else{
    // TODO
}

第三：要求通过表单form获取 (根据form的name属性或id属性)
var f = document.getElementById('formi')
var f = document.forms['formn']
var f = document.formn
// i是索引,表示当前document从上到下，从左到右第几个form
var f = document.forms[i] 
var f = document.namedItem('formn')
var f = document.forms.formn

好像是这6种方式获取，不知道是不是少了

接着就是获取input了

f.elements[i]// form里面第几个出现
f.tn[i] 或者 f.tn // 看tn是否重复出现

Answer 2

var exp = document.getElementById("input的ID").value;
if (!exp && typeof exp != "undefined")
{
//要执行的
}

Answer 3

给你设定的input设一个id
var text=document.getElementById("id").value.trim(); //id为你设定给input的id
if(text == ""){
//你想要进行的操作
}