Question

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

为啥我写的就不能弹出错误提示？ 哪里写错了
<script type="text/javascript">
function checkIP()
{
var text=document.getElementById("ip");

if(text.value=="")
{
alert("不能为空哦！");
}
}
</script>
<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" onclick="checkIP()" value="查询" /></FORM>

Answer 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('值');

Answer 2

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

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

<script type="text/javascript">
function checkIP(){//js表单验证方法
   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方法进行表单验证-->
<input type="text" id="url" name="ip" size="15" maxlength="50" value="" />
<input type="submit" name="button" value="查询" /></FORM>

定义和用法

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

Answer 3

可以，很正常，我试过了
当不写东西是，点查询，弹出来
当写东西是，不弹出

追问

静态页面可以。请问您懂PHP吗？ 看来还是有些问题

追答

我也是放在PHP里，我远程给你看一下，你的号码

Answer 4

<script type="text/javascript">
function checkIP()
{
var text=document.getElementById("url");//这里错了

if(text.value=="")
{
alert("不能为空哦！");
}
}
</script>
<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" onclick="checkIP()" value="查询" /></FORM>

Answer 5

木有问题哈