将模态链接到输入字段并使用JavaScript进行验证

通过下面的代码，我试图验证JavaScript中的一个输入字段。验证只需要10个字符。当您进行身份验证时，它应该显示一个带有确认消息的模式：

函数myFunction（）{
var con_代码，文本；
//上场
con_代码=document.getElementById（“con_代码”）.value；
if（$.trim（$（'con_code'）.val（））.length==0）{
text=“验证码无效”；
}
//如果符合条件，则触发模式
$（文档）.ready（函数（）{
$（“#con_代码”）。单击（函数（）{
$（“#myModal”）.modal（）；
});
});
document.getElementById（“error\u con\u code”）.innerHTML=text；
}

使用JavaScript激活模态
确认码。

//显示错误代码

//验证按钮
证明…是真实的
&时代//模态
模态头
模态中的一些文本

接近

您在以下位置出错： if（$.trim（$（'con_code'）.val（））.length==0）{…}。 它应该是$（“#con#u code”）

还有两个元素具有相同的id=“con_code”

请检查以下代码。 我假设您希望在输入字段中有10个字符时显示模式。如果规则发生更改，请在以下代码中编辑：'If（$.trim（con_code.val（））.length！=10）{}'

$(document).ready(function() {
    myFunction();
});

function myFunction() {
    $("#con_code_btn").click(function() {
        var con_code = $('#con_code');
        var error_con_code = $('#error_con_code');

        error_con_code.html('');// Remove Previous Error Message(if any);

        if ($.trim(con_code.val()).length != 10) {
            error_con_code.html("entication code is not valid");
        }
        else {
            $("#myModal").modal();
        }
    });
}

另外，请将按钮的id更改为“con_code_btn”，格式如下：

<button type="button" class="btn btn-success btn-sm" id="con_code_btn" onclick="myFunction()">Authenticate</button>

验证

因为您没有告诉我们，所以您在谈论什么“问题”。这不是验证10个字符吗？消息没有出现吗？您的代码也只处理未提供身份验证代码的情况。剩下的时间会发生什么？问题是；我应该输入任何包含10个字符的代码，以测试它是否会验证输入，然后当您单击“身份验证”按钮时，它应该显示模式我应该在哪里更改我已经编辑了答案并添加了示例代码。请再查一下。