jquery - 我如何根据提示创建验证

Question

我试图创建验证，如果用户留空提示它会给出错误，但当我单击继续填充时它不会显示它。

这是我的 jquery 代码。

$("#b1").click(function(){
            var pr=prompt("enter new link address");
            $("a").attr("href",pr);

            if($("pr").val() == '')
                {
                    var con1=confirm('Input can not be left blank');
                    if(con1==true)
                    {
                        var pr=prompt("enter new link address");
                        $("a").attr("href",pr);

                    }
                    else{
                        var conn=confirm('Input can not be blank'); 
                    }

                }

            });

这是我的 html。

<a href="https://www.google.com">google</a>
<button id="b1">attribute(a)</button>

有没有人知道如何以正确的方式完成我的作业。感谢您的宝贵时间。

Answer 1

问题是因为 pr 变量包含一个字符串。您正在尝试使用 jQuery 选择器来检索该变量并读取它的值。您根本不需要这样做，直接读取值即可。

另请注意，我建议您在用户输入上使用 trim() 来检查用户是否只按了几次空格键。您还可以在不进行 bool 相等性检查的情况下使用 con1 值。

最后，请注意，您可以重新组织逻辑以使流程循环(即，如果用户输入为空并且他们对消息单击“确定”，您可以重新开始流程)。您可以通过将 prompt() 逻辑放在它自己的函数中来实现，该函数会在需要时再次调用。试试这个:

$("#b1").click(requestLink);

function requestLink() {
  var pr = prompt("enter new link address") || '';
  $("a").attr("href", pr);

  if (pr.trim() === '') {
    var con1 = confirm('Input can not be left blank');
    con1 && requestLink();
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="https://www.google.com">google</a>
<button id="b1">attribute(a)</button>

最后一件事；因为您希望用户键入一个 URL 并将其直接放入 DOM，所以我强烈建议您验证输入的内容实际上是一个 URL。您可以按照 this question 上的说明进行操作.