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、执行的结果是输入为空点击按钮会提示不能为空,否则则进入保存的逻辑。