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> 展开
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 · 做真实的自己 用良心做教育
从新改写了一下代码。从中发现了几个问题。首先要理解表单提交验证的整个流程。
当表单提交时先触发验证的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")被点击时发生。
当不写东西是,点查询,弹出来
当写东西是,不弹出
静态页面可以。请问您懂PHP吗? 看来还是有些问题
我也是放在PHP里,我远程给你看一下,你的号码
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>