输入验证 onblur 焦点

Question

无法正常工作

  <script type="text/javascript">
  //<![CDATA[
  <!--
   function checkPrice(form) {
     var input=0;
     input=document.stickerPrice.value;
        if (input<100000) {               
            alert("Sticker price must be more than $100,000");
            document.getElementsByName("stickerPrice").focus();
    }
 }

       // -->
       //]]>
     </script>

这是标签部分。

   <form action=''>

    <p>Sticker Price on the Car (in dollars):
    <input type="text" name="stickerPrice" size="15" onblur="checkPrice(this.formData)" /></p>
    </form>

如果 onblur 事件小于 10,000，我希望出现一个警告框，然后将焦点放回到该文本框上。

Answer 1

您可以通过调用传递输入本身

onblur="checkPrice(this.formData)"

然后你可以通过调用直接检查它的值

form.value

并专注于

form.focus();

这是一个工作示例。

 function checkPrice(form) { var input=0; input=form.value; if (input<100000) { alert("Sticker price must be more than $100,000"); form.focus(); } }

 <form action=''> <p>Sticker Price on the Car (in dollars): <input type="text" name="stickerPrice" size="15" onblur="checkPrice(this);" /></p> </form>

Answer 2

我建议您解决并使用 onblur 删除 focus()。

 function checkPrice(form) { var input=0; input=form.value; if (input<100000) { alert("Sticker price must be more than $100,000"); form.value=''; } }

 <form action=''> <p>Sticker Price on the Car (in dollars): <input type="text" name="stickerPrice" size="15" onblur="checkPrice(this);" /></p> </form>