Question

我正在尝试使用Ajax和onchange函数验证表单。基本上，一旦焦点从输入框消失，我想要自动验证。如果它是空白/无效条目，它将说明错误。

由于某种原因，验证适用于无效条目，但在第一次尝试时不适用于空输入（这意味着如果我刷新页面并按标签转到第二个字段，则没有错误）。有趣的是，我删除一个条目后空错误工作正常。我尝试使用$ var =“”或空（$ var），但我仍然得到相同的结果。

这是php部分：

if(isset($_GET["isbn"]) )
{
    $isbn = $_GET["isbn"];

    $error="";

    if(empty($isbn) || !preg_match("/^\d{12}$/", $isbn) )
    {
        $error .= "Please enter a valid ISBN";
        echo $error;
    }
    else
        echo $error;

}

以下是其余的内容：

<script type="text/javascript">                         
    function validateIsbn(keyword)
    {
        var xhr = new XMLHttpRequest();

        xhr.onreadystatechange = function () {

            if(xhr.status == 200 && xhr.readyState == 4)
            {
                var res = xhr.responseText;
                document.getElementById("err1").innerHTML = res;
            }
        }

        xhr.open("get","validate_isbn.php?isbn=" + keyword,true);
        xhr.send();
    }

    </script>

<form method="get" action="">


            <label class="top-label">ISBN:</label>
            <input name="isbn" id="isbn" type="text" onchange="validateIsbn(this.value)"/>
            <div id="err1"> </div>
            <p></p><p></p>

Answer 1

一旦焦点从输入框消失，你说你想要自动验证。在这种情况下触发的事件是onblur，而不是onchange。

onchange不会打印出空输入的错误

1 个答案: