![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
怎么在js里判断文本框是否为空
展开全部
从新改写了一下代码。从中发现了几个问题。首先要理解表单提交验证的整个流程。
当表单提交时先触发验证的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")被点击时发生。
当表单提交时先触发验证的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")被点击时发生。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询