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('值')
js实现点击输入用户名或密码的文本框在旁边弹出提示语 你可以使用formValidator.js,专门做表单验证的,效果如下:用法很简单,引用formValidator.js的核心类库,然后初始化$.formValidator.initConfig({formid: main ,debug:false,submitOnce : true})然后对要做校验的文本框编写校验代码$( #employeeNo ).formValidator({onshow : 输入范围为1到10个字符 ,在后面对应的显示提示语formValidator.js这个网上有很多实例和教程,很简单的可以用js方法onclick来验证,当点击时,判断该输入框是否有输入值,没有的话提示信息
例如
<input name="name" onclick="tishi(this.value,'请输入名称')" >
<script type="text/javascript">
//value为输入框的值,msg为要提示的信息
function tishi(value,msg){
if(value==''){//输入框没有值时,提示
alert(msg)//可弹窗,或者页面上显示,根据需要处理
}
}
</script>