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

JavaScript020

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

实现的大致思路是先获取到该输入框的值,然后判断该输入框的值是否为空,如果为空直接给出不能为空的相关提示,如果不为空在进行保存等下一步操作。<br>工具原料:编辑器、浏览器<br>1、首先设置保存按钮的的点击事件,点击时触发获取输入框的值进行是否为空判断,为空则提示,不为空进行保存操作,简单的代码示例如下:<br><script><br>

$(function(){<br>

$('btn').click(function(){//给保存按钮绑定点击事件<br>

var value =$('input').val()//获取输入框的值<br>

if(!(value=='')){//进行值的判断<br>

alert("不能为空")<br>

}else{<br>

//保存逻辑<br>

}<br>

})<br>

})<br>

</script>2、执行的结果是输入为空点击按钮会提示不能为空,否则则进入保存的逻辑。