如何在验证时显示弹出窗口？

Question

我有两个与我的问题相关的不同代码。我只是想将它们结合起来以正常工作。

我已经尝试了我知道的所有可能的情况。我是 javascript 的初学者。

<script>
        function AllowAlphabet(e) {
            isIE = document.all ? 1 : 0
            keyEntry = !isIE ? e.which : event.keyCode;
            if (((keyEntry >= '65') && (keyEntry <= '90')) || ((keyEntry >= '97') && (keyEntry <= '122')) || (keyEntry == '46') || (keyEntry == '32') || keyEntry == '45')
                return true;
            else {

                alert('Alphabets Only...!!');
                return false;
            }
        }
    </script>

-------------------------
<script>
$(document).ready(function(){
  $('[data-toggle="popover"]').popover();   
});
</script>

<asp:TextBox runat="server" CssClass="form-control" data-toggle="popover" data-placement="right" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?" onkeydown="allLetter(inputtxt);" onkeypress="return AllowAlphabet(event)" placeholder="First Name"></asp:TextBox>

** 我想组合这些脚本。我想在第一个脚本的 else 部分运行第二个脚本。**

Answer 1

也许像下面这样的东西会有所帮助。只需在document.ready 中调用AllowAlphabet 并更新else 语句如下。

function AllowAlphabet(e) {
    isIE = document.all ? 1 : 0
    keyEntry = !isIE ? e.which : event.keyCode;
    if (((keyEntry >= '65') && (keyEntry <= '90')) || ((keyEntry >= '97') && (keyEntry <= '122')) || (keyEntry == '46') || (keyEntry == '32') || keyEntry == '45')
        return true;
    else {
        $('[data-toggle="popover"]').popover();
        alert('Alphabets Only...!!');
        return false;
    }
}
$(document).ready(function(){
     AllowAlphabet();
});

但是，如果您想在代码中的其他位置调用 AllowAlphabet，则无需将其包装在 document.ready 中。

更新
您似乎正在使用onkeypress 事件侦听器来调用AllowAlphabet 函数。在这种情况下，由于此时文档已准备就绪，因此不再需要使用 document.ready。只需将$('[data-toggle="popover"]').popover(); 放在上面的 else 语句中即可。