时间戳

首页 > 解决方案 > 单击按钮并！=提交后如何实时判断输入字段中输入的内容？

javascript - 单击按钮并！=提交后如何实时判断输入字段中输入的内容？

问题描述

我在想什么是做标题所暗示的最好方法？我只是在学习 JS/JQ，不确定什么是最好的方法。

如果某些输入字段不符合条件，我在表单中有一个按钮可以转到下一个按钮。最好的事情是什么？我是否需要向这些字段添加常量侦听器来更新值？

如果你只是指出我正确的方向，我会从那里开始。

我当前的代码如下：

$(document).ready(function(){
    $("#button").click(function(){
        if(selectedSlots.length < 2 ||
        $("#field1").length < 1 ||
        $("#field2").length < 1){
            var origMsg = $(this).get(0).parentNode.innerHTML;
            var errorMsg = "<p style=\"text-align:center;padding:0;margin:0;\">Please ";
                if(selectedSlots.length < 1)errorMsg += "select at least one availability slot";
                if($("#field1").length < 1){errorMsg += "enter the position you wish to apply for"};
                if($("#field2").length < 1){errorMsg += "enter the amount of hours you would like to work"};
                errorMsg += " before continuing.</p>";

            $(this).get(0).parentNode.innerHTML = origMsg + errorMsg;

            return;

        }
        $("#currentDiv").slideUp();
        $("#nextDiv").slideDown();

    });
});

标签： javascriptjquery

解决方案

当用户单击提交按钮以外的任何其他位置时，尝试 onBlur 事件来验证和设置输入错误。

推荐阅读