如何判断input标签里的text的值如下要求所示？

tzot_t_to 2012-04-01 03:52:47

如何判断input标签里的text的值如下要求所示？

<div>
<input type="text" id="newName" name="newName">
</div>

<div>
<input type="text" id="newPass" name="newPass">
</div>
判断用户名和密码的长度超过8位就会弹出alert的提示“xxxx”，并且不会点击按钮跳到另外一个层，因为我做的是层之间的切换。

...全文

252 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

似梦飞花 2012-04-02

打赏
举报

用onkeyup测试文本长度试试

还在加载中灬 2012-04-01

打赏
举报

[Quote=引用 10 楼的回复:]

他的这个代码肯定写在弹出层的方法里的，他的意思肯定是不要继续往下执行
[/Quote]
哦，原来如此

xuyi0822 2012-04-01

打赏
举报

他的这个代码肯定写在弹出层的方法里的，他的意思肯定是不要继续往下执行

还在加载中灬 2012-04-01

打赏
举报

并且不会点击按钮跳到另外一个层

不懂

xuyi0822 2012-04-01

打赏
举报

if (document.getElementById('newName').value.length > 8)
{ alert('xxx'); return false;}
一楼，二楼的都可以，如果你用的submit就return false; 如果是普通方法直接return；

greency 2012-04-01

打赏
举报

maxlength=8 只能输8个不判定. 或者
var newName = document.getElementById("newName");
if (newName.length>8)
{ alert("XXX"); document.getELementById("按钮ID").disable = false;}

一秒L 2012-04-01

打赏
举报

网上有个magican.js专门验证表单的，，

wzhiyuan 2012-04-01

打赏
举报

楼主如果只是要求长度限制的话，用html文本框原生的属性maxlength是最方便的。
<div>
<input type="text" id="newName" name="newName" maxlength="8">
</div>

<div>
<input type="text" id="newPass" name="newPass" maxlength="8">
</div>

liuf_fenfangjiemei 2012-04-01

打赏
举报

<html>

<head>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript">

function chkTextareaLen(textareaId,maxLen) //textareaId指input框的id，maxLen指限制长度

{  

	var textareaValue = document.getElementById(textareaId).value;  

	var curLen = 0,substrLen = 0;  

    for (var i=0; i<textareaValue.length; i++)

    {

        if (textareaValue.charCodeAt(i)>127 || textareaValue.charCodeAt(i)==94) 

        {    

        	curLen += 2;    

        } 

        else 

        {  

        	curLen ++;    

        }   

      	if(curLen > maxLen)

        {  

        	substrLen = i;  

        	break;  

        }  

    }            

    if(curLen > maxLen) 

   	{  

        if(substrLen == 0) substrLen = maxLen;  

        document.getElementById(textareaId).value = textareaValue.substring(0,substrLen);  

        alert("文本长度不能大于"+maxLen);   //注：8个字节，如果是中文就只能输入四个字。

    }

    else

    {  

        document.getElementById(textareaId).innerHTML = maxLen - curLen;  

    }  

}

</script>   

</head>

<body>   

	<div>

	  	<input type="text" id="newName" name="newName" onkeyup="chkTextareaLen(this.id,8)">

	</div>

	<div>

	  	<input type="text" id="newPass" name="newPass" onkeyup="chkTextareaLen(this.id,8)">

	</div>

</body>

</html>

不知道这个JS方法能否满足你的需求

rainsilence 2012-04-01

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">

<title>Insert title here</title>

<script type="text/javascript">

window.onload = function() {

	var submitForm = document.getElementById("submitForm");

	

	var newName = document.getElementById("newName");

	

	submitForm.onsubmit = function() {

	    if (newName.value.length > 8) {

	        alert("xxxx");

	        return false;

	    }

	    return true;

	};

};







</script>

</head>

<body>

    <form id="submitForm" action="http://www.baidu.com" >

	   <div>

	       UserName:<input type="text" id="newName" name="newName">

	   </div>

	   <div>

	       Password:<input type="text" id="newPass" name="newPass">

	   </div>

	   <input type="submit">

    </form>

</body>

</html>