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

JavaScript012

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

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>