javascript验证表单问题2（不停弹出警告框） - JavaScript论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 JavaScript论坛』 → javascript验证表单问题2（不停弹出警告框）

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 1080 人关注过本帖

标题：javascript验证表单问题2（不停弹出警告框）

只看楼主加入收藏

bccnlyd

等　级：新手上路
帖　子：46
专家分：0
注　册：2009-1-8
结帖率：100%

楼主

问题点数：0 回复次数：6

javascript验证表单问题2（不停弹出警告框）

代码如下：
    function CheckInput(obj)
    {
        var tempValue = obj.value;

        if(!((tempValue == "A") || (tempValue == "B") || (tempValue == "C")))
        {
            alert("请输入A、B或C！");
            obj.focus();
            obj.value = "";
        }
    }
<input id="result" type=text name=<%=i%>_YUWEN size=1 maxlength=1  onBlur="CheckInput(this)"

当我在输入框中输入非A、B、C的字母后，系统多次弹出提示框，有时2，3次，有时更多。
不知是何原因？

[ 本帖最后由 bccnlyd 于 2011-2-21 13:58 编辑 ]

搜索更多相关主题的帖子: javascript　

2011-02-21 13:52

三刀一个猪头

等　级：新手上路
帖　子：1
专家分：0
注　册：2011-2-17

第 2 楼

得分:0

怀疑你点到空白的地方了，并且此时存在交点，也就触发了

2011-02-21 15:35

努力加油

等　级：论坛游侠
帖　子：34
专家分：127
注　册：2010-4-11

第 3 楼

得分:0

onBlur和alert建议不要这样使用，这样使用会容易形成死循环，建议在文本框后面加一个span标签好写，

2011-02-23 22:52

bccnlyd

等　级：新手上路
帖　子：46
专家分：0
注　册：2009-1-8

第 4 楼

得分:0

以下是引用努力加油在2011-2-23 22:52:20的发言：

onBlur和alert建议不要这样使用，这样使用会容易形成死循环，建议在文本框后面加一个span标签好写，

不明白仁兄的意思？

2011-03-22 11:18

三月的雪

等　级：论坛游民
帖　子：18
专家分：35
注　册：2011-4-14

第 5 楼

得分:0

obj.value = "";
obj.focus();
这两句换下顺序，如上。

朝花夕拾

2011-04-15 13:45

sea0927

等　级：论坛游民
帖　子：6
专家分：10
注　册：2011-5-11

第 6 楼

得分:0

你的事件用错了。应该用onChange 而不是onBlur

onChange是在文本框里的值发生改变后，触发的事件
onBlur是文本框获取焦点事件，只要文本框一获焦点，就弹框，因为文本框里一直是空白的，哈哈。

2011-05-11 15:01

kongmajian

等　级：论坛游民
帖　子：13
专家分：30
注　册：2011-6-19

第 7 楼

得分:0

程序代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www. <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Untitled Document</title>
        <script type="text/javascript">
            function CheckInput(obj)
            {
                var tempValue = obj.value;
       
                if(!((tempValue == "A") || (tempValue == "B") || (tempValue == "C")))
                {
                    alert("请输入A、B或C！");
                    obj.value = "";
                    obj.focus();
                }
            }       
        </script>
    </head>
    <body>
        <input id="result" type="text" name="text1" size=1 maxlength=1  onchange="CheckInput(this)">
    </body>
</html>

的确，改成onchange后应该就没问题了，不然点击空白的地方还会弹，跳转的时候还会弹次，onBlur是文本框失去焦点事件吧。。。。

2011-06-19 10:32

快速回复：javascript验证表单问题2（不停弹出警告框）