Question

JS如何验证文本框输入为空

如题

<form action="" method="post">
<p>
<label class="lt">产品编号：</label>
<input type="text" class="ui-text" />
</p>
<p>
<label class="lt">产品名称：</label>
<input type="text" class="ui-text" />
</p>
<p>
<label class="lt">所属工作室：</label>
<input type="text" class="ui-text" />
</p>
<p>
<label class="lt">产品细分品类：</label>
<input type="text" class="ui-text" />
</p>
<p>
<label class="lt"> </label>
<a href="javascript:;" class="ui-btn mt-10" title="保 存">保 存</a>
</p>
</form>

Answer 1

首先每个页面元素都是一个节点，可以去选中它，利用纯真的js就是 var a = document.getElementByID（xxx）去取的页面的元素节点。
建议你先去看一下js的DOM，去了解下页面节点的定义。还有一个方法是利用jquery去取得页面元素的节点，直接去判断元素的值是否为空。看了之后就觉得简单了。

Answer 2

var inputText = document.getElementsByClassName("ui-text");//输入框
var inputTips = document.getElementsByClassName("lt");//提示的文字，就是“产品细分品类”等
for(var i=0;i<inputText.length;i++){
    if(inputText[i].value == ""){
        alert(inputTips[i].innerHTML.replace(":","") + "不能为空");
        return false;
    }
}

Answer 3

var text=document.getElementById("text").value;
if(text==""){
    alert("产品编号不能为空!")
}
...

Answer 4

<p>
<label class="lt">产品名称：</label>
<input type="text" class="ui-text" id="a" />
</p>

若是jquery则
$("#a").val()

若是js原型则
document.getElementById("a").value