JS如何验证文本框输入为空

JavaScript017

JS如何验证文本框输入为空,第1张

首先每个页面元素都是一个节点,可以去选中它,利用纯真的js就是

var

a

=

document.getElementByID(xxx)去取的页面的元素节点。

建议你先去看一下js的DOM,去了解下页面节点的定义。还有一个方法是利用jquery去取得页面元素的节点,直接去判断元素的值是否为空。看了之后就觉得简单了。

1、form 有个onsubmit 事件,<s:form action="add" onsubmit='check()'>在check方法中可以写验证方法,最终如果返回false,那么表单就不会被提交,返回true才会提交到action中

2、onsubmit 事件验证是点击提交之后在js本页面验证,验证通过才会提交到action中,如果要想判断用户名是否已注册,则不能通过这种方法了,因为在本页面是无法判断你的用户名是否已经在数据库中的,要做账号是否注册的验证有两种方法、

第一种是在输入用户名后,用户名输入框失去焦点时,使用ajax将用户名传递到后台的验证方法中进行验证,然后根据返回结果,进行提示比如alert(),或者在用户名输入框后 显示文字用户已注册之类,并且提交验证中不允许提交、

第二种是将form提交到action中判断,不能注册就返回本页面在进行提示

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