输入验证onblur焦点

时间:2014-12-01 01:13:43

标签: javascript validation input focus onblur

无法使其正常工作

  <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,我想要一个警告框,然后将焦点放回到该文本框。

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

我建议您变通并使用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>