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>

其他回答

第1个回答 2014-10-28

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

第2个回答 2014-10-28

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;
    }
}

第3个回答 2014-10-28

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

第4个回答 2014-10-28

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

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

若是js原型则
document.getElementById("a").value本回答被网友采纳

你可能感兴趣的内容

大家正在搜

如何判断文本框为空为什么ppt文本框空格会空出很多文本框非空验证怎么判断文本框是否为空 html文本框不能为空 jsp文本框不能为空若要使得文本框的初始值为空 ui文本框为空 js判断文本框不能为空

非常风气网www.verywind.cn

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

相关了解……

你可能感兴趣的内容