js判断文本框是否为空，为空则弹出提示

JavaScript026

js判断文本框是否为空，为空则弹出提示,第1张

HTML部分：

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

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

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

</FORM>

js部分：

function checkIP(){

var text=document.getElementById("url")

if(text.value==""){

alert("不能为空哦！")

}

}

错误原因：

没有正确定位到input元素。

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

id值为"url"，name值为"ip"。

var text=document.getElementById("ip")

应该改为：

var text=document.getElementById("url")

扩展资料：

1、js代码实现对input文本框进行赋值：

document.getElementById(url).value='值'

document.getElementById(url).html('值')

document.getElementById(url).attr('值')

document.getElementById(url).innerText = '值'

2、jQuery实现对input文本框进行赋值：

$("#url").attr("value","值")

$('#url).val('值')

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

当表单提交时先触发验证的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"）被点击时发生。

function check(){

var oName = document.myform.name

if(oName .value.length==0){

alert("不能为空")

oName.focus()

return false

}else{return true}

}