如何在onblur事件中验证空文本框? [英] How to validate empty textbox in onblur event?

查看:186
本文介绍了如何在onblur事件中验证空文本框?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我的页面中有2个文本框,我想验证TextBoxes在onblur事件。  但onblur事件是为这两个文本框连续执行的,

请检查以下代码 -

< head runat =" server">

  &NBSP; < title>< / title>

  &NBSP; < script>

  &NBSP; &NBSP; &NBSP;功能验证(c){

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; if(c.value ==''){

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP;提示(c.id +"是空的。");

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; c.select();

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP;返回false;

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; }¥b $ b  &NBSP; &NBSP; &NBSP; }


  &NBSP; < / script>

< / head>

< body>

  &NBSP; < form id =" form1" runat =" server">

  &NBSP; &NBSP; &NBSP; < div>

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < input type =" text" ID = QUOT;文本1"   onblur =" return validate(this)" />

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < input type =" text" ID = QUOT;文本2" onblur =" return validate(this)" />
$


  &NBSP; &NBSP; &NBSP; < / div>

  &NBSP; < / form>

< / body>

< / html>

<head runat="server">
    <title></title>
    <script>
        function validate(c) {
            if (c.value == '') {
                alert(c.id + " is empty.");
                c.select();
                return false;
            }
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input type="text" id="Text1"  onblur="return validate(this)" />
            <input type="text" id="Text2" onblur="return validate(this)" />

        </div>
    </form>
</body>
</html>

请告诉我,如何解决这个问题?

Please let me know, How to solve this problem?

提前致谢。

 

 

推荐答案

你可能最好做所有检查onSubmit(),而不是onBlur(),然后捕捉空白字段
你可能最好不要对onBlmit()进行所有检查,而不是onBlur (),然后捕捉空白字段并提醒用户..
提醒用户..


这篇关于如何在onblur事件中验证空文本框?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆