怎么让错误信息显示在文本框后面，在线等答案。。。

Aquarius_T 2011-11-17 02:51:59

我现在的错误信息是以alert弹出来的，我想让它显示在文本框的后面，怎么写？??



<head>

<script type="text/javascript">

function id1(){

    var id = document.getElementById("id").value;

    var str = /^\d+$/.test(id);

    if(id==""){

    	alert("ID不能为空");

        }

    else if(!str){

      alert("只能输入数字");

      return false; 

        }else{

      return true;

      alert("输入正确");

            }

}

</script>



</head>

<body>

<table cellpadding="0" cellspacing="0" border="0" class="form_table">

					    <tr>

					      <td align="right" valign="middle">

					        ID：

					      </td>

					      <td align="left" valign="middle">

					         <input type="text" id="id" name="id" onblur="id1()">

					         

					      </td>

					    </tr>

</body>

...全文

891 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

Aquarius_T 2011-11-17

打赏
举报

[Quote=引用 3 楼 zsx841021 的回复:]
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script typ……
[/Quote]

要的就是额效果，一直纠结document.getElementById("s").HTML = "输入正确"; 为什么不行，原来是innerHTML，谢了啊。。。

p2227 2011-11-17

打赏
举报

[Quote=引用 3 楼 zsx841021 的回复:]

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="……
[/Quote]一般这样处理后，在onchange什么要清空一下文本效果更好

三石-gary 2011-11-17

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<script type="text/javascript">

    function id1() {

        var id = document.getElementById("id").value;

        var str = /^\d+$/.test(id);

        if (id == "") {

            //alert("ID不能为空");

            document.getElementById("s").innerHTML = "ID不能为空";

        }

        else if (!str) {

            //alert("只能输入数字");

            document.getElementById("s").innerHTML = "只能输入数字";

            return false;

        } else {



            //alert("输入正确");

            document.getElementById("s").innerHTML = "输入正确";

            return true;

        }

    }

</script>



</head>

<body>

<table cellpadding="0" cellspacing="0" border="0" class="form_table">

                        <tr>

                          <td align="right" valign="middle">

                            ID：

                          </td>

                          <td align="left" valign="middle">

                             <input type="text" id="id" name="id" onblur="id1()">

                             <span id="s"></span>

                             

                          </td>

                        </tr>

</body>



</html>