Question

我希望按钮显示一条错误消息，然后重定向到URL。我不确定该怎么做。我想将其放入JQuery。我是JQuery的新手。就像用户必须上传文件然后单击“提交”一样。 “提交按钮会将用户重定向到QRCode上显示在文本上的网址。

提交按钮：

   <div id="form1">
   <input type=text placeholder="Tracking Code" class=qrcode-text id="url">
   <label class=qrcodeBtn>
       <input type=file accept="image/*" capture="environment"  onchange="openCamera(this);">
</label>
<input type=button value="Submit" onclick = "windowLocate()" class="btnQRCode" id="submitButton">

用于重定向的JavaScript：

      function windowLocate() {
        var url = document.getElementById("url").value;
        document.write("Redirecting to the url in few seconds...");
        setTimeout(function () { window.location = url; }, 3000);
      }

Answer 1

这是您的操作方式：

function windowLocate() {
    if (document.querySelector("input[type='file']").value) {
        var url = document.getElementById("url").value;
        document.write("Redirecting to the url in few seconds...");
        setTimeout(function () { 
            window.open(url); 
        }, 3000);
    }
    else {
        alert("Error message");
    }
}

Answer 2

如果要检查用户是否已经上传文件，请尝试此操作。

向输入标签添加ID。

<label class=qrcodeBtn>
   <input type=file accept="image/*" capture="environment" id="uploadImage" onchange="openCamera(this);">
</label>

然后以此更改windowLocate代码。

function windowLocate() {
    if (document.getElementById("uploadImage").files.length != 0) {
        var url = document.getElementById("url").value;
        document.write("Redirecting to the url in few seconds...");
        setTimeout(function () { 
            window.open(url);
        }, 3000);
    }
    else {
        alert("Please upload the file first."); //you can change the error message
    }
}

提交带有错误消息的按钮，然后重定向位置

2 个答案: