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

为啥我写的就不能弹出错误提示?哪里写错了<scripttype="text/javascript">functioncheckIP(){vartext=document.... 为啥我写的就不能弹出错误提示? 哪里写错了
<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>
展开
 我来答
百度网友79faf363
2019-11-18 · TA获得超过1.1万个赞
知道小有建树答主
回答量:1212
采纳率:75%
帮助的人:53.4万
展开全部

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

千锋教育
2015-10-05 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
展开全部

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

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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
是勇敢
推荐于2016-03-04 · 希望快乐渡过第一天。
是勇敢
采纳数:914 获赞数:1799

向TA提问 私信TA
展开全部
可以,很正常,我试过了
当不写东西是,点查询,弹出来
当写东西是,不弹出
追问
静态页面可以。请问您懂PHP吗? 看来还是有些问题
追答
我也是放在PHP里,我远程给你看一下,你的号码
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
杭昂然3r
2012-02-04 · TA获得超过204个赞
知道小有建树答主
回答量:515
采纳率:0%
帮助的人:306万
展开全部
<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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
windSoul_
2012-02-04 · 超过27用户采纳过TA的回答
知道答主
回答量:96
采纳率:100%
帮助的人:76.4万
展开全部
木有问题哈
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式