URL 地址可用性 - 自动验证

如何解决URL 地址可用性 - 自动验证

我有一个表单输入。我在此输入中输入 URL 地址，单击 sumbit，然后在它下方显示此地址是否可用。到此为止。

现在我想让这些信息自动显示（无需点击提交），在输入中进行更改后？我还希望输入中的值在检查后不会消失。我该怎么做？

我希望它看起来或多或少像这样，但不是电子邮件正确性，而是 URL 可用性 - https://youtu.be/HzJngc-Se9Q

<form action="" method="GET" name="form1" id="form1">
            <div id="custom-search-input">
                <div class="adress-div">
                    <input type="text" id="ok" name="domain" maxlenght="30" class="adress" pattern="(.{1,})?([.]{1})?.+[.]{1}.+" placeholder="np. www.page.com" title="Enter URL adress." autocomplete="off" required/>
                    <br>
                        <input type="submit" class="button2" value="Check!">
                </div>
        </div>
        </form>
        <?PHP
 error_reporting(0);
 if(isset($_GET['domain'])){
     $domain = $_GET['domain'];
     $godaddycheck = 'https://in.godaddy.com/domains/searchresults.aspx?checkAvail=1&tmskey=&domaintocheck='.$domain.'';
     $namecomcheck = 'https://www.name.com/domain/search/'.$domain.'';
     $registercomcheck = 'http://www.register.co,m/domain/search/wizard.rcmx?searchDomainName='.$domain.'&searchPath=Default&searchTlds=';
 if ( gethostbyname($domain) != $domain ) {
  echo "<br><br><h1 style='color: #e30000;'><b>$domain</b> not available.</h1>";
 }
 else {
  echo "<br><br><h1 style='color: #00e339;'><b>$domain</b> available.</h1><h2>
  </h2>";
 }
 }
?>

解决方法

仅使用 PHP 无法做到这一点。

您需要使用 JavaScript 来执行此操作。因此你需要

监听 <input> 字段的输入更改
使用 AJAX (https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX/Getting_Started) 将输入字段的值发送到 PHP 脚本，然后验证域
获取响应并将其显示给用户

但是那里有很多教程，如何做到这一点。例如：https://www.w3schools.com/php/php_ajax_php.asp