怎么在js里判断文本框是否为空

JavaScript023

怎么在js里判断文本框是否为空,第1张

从新改写了一下代码。从中发现了几个问题。首先要理解表单提交验证的整个流程。

当表单提交时先触发验证的js代码,当验证表单的方法返回true时才会提交表单返回false则不提交数据。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<script type="text/javascript">

function checkIP(){//js<a href="https://www.baidu.com/s?wd=%E8%A1%A8%E5%8D%95%E9%AA%8C%E8%AF%81&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3P1-bPhDdnjuWPAn1njw-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1T1rHTvPjDs" target="_blank" class="baidu-highlight">表单验证</a>方法

var text=document.getElementById("url").value//通过id获取需要验证的表单元素的值

if(text==""){//当上面获取的值为空时

alert("不能为空哦!")//弹出提示

return false//返回false(不提交表单)

}

return true//提交表单

}

</script>

<FORM METHOD=POST ACTION="" name="ipform" onsubmit="return checkIP()">

<!--使用onsubmit方法进行<a href="https://www.baidu.com/s?wd=%E8%A1%A8%E5%8D%95%E9%AA%8C%E8%AF%81&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3P1-bPhDdnjuWPAn1njw-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1T1rHTvPjDs" target="_blank" class="baidu-highlight">表单验证</a>-->

<input type="text" id="url" name="ip" size="15" maxlength="50" value="" />

<input type="submit" name="button" value="查询" /></FORM>

定义和用法

onsubmit 事件会在表单中的确认按钮(type="submit")被点击时发生。

你是只判断text里的值是不是空吗?

在<script>标签里写如下内容(假设页面上有一个<input type="text" id="txt" />):

var t=document.getElementById('txt')

if(t.value=="")

{

alert('里面为空')

}

else if(t.value==" "){

alert('里面有一个空格')

}

因为不知道你要问什么(是说要一个trim函数,还是什么别的),我就先说这么这些!

如果说这不是你要问的,再联系好了!

用循环判断,并加一个值input_all来判断:

<script language="javascript">

function foo(e) {

var input_cart=document.getElementsByTagName("INPUT")

var input_all=0

for (var i=0 i<input_cart.length i++) {

if (input_cart[i].type=="text" && input_cart[i].value!="") {

input_all=input_all+1

//alert(input_all)

}

}

if (input_all==0)

{

alert("Please input one of the quantity of products that you want before you submit,thanks!")

return false

}

}

</script>