HTML5 从 JavaScript 手动设置输入错误

HTML5 set input error manually from javascript

本文关键字：设置 输入 错误 JavaScript HTML5      更新时间：2023-09-26

我正在尝试制作一个表单，其中用户有一个选择框来选择值。

但是它有一个输入字段，他可以在其中自己输入文本，并且此值是必需的，在表单提交上输入"必需"会给出错误，但在这种情况下，我需要检查输入是否有值，这样它就不会给出错误。

我正在每个选择上创建一个 $each（） 函数并且它正在工作，我有一个控制台.log需要其中的 sayng 女巫，并且选择或输入为空。

我现在需要的是使用标准HTML5中缺少的正常输入值，当您在输入上放置"必需"标签时显示的值，例如默认消息。

这是我现在拥有的代码，如果它有帮助，它会在用户点击 Submyt 按钮时触发

$("input[name='guardar']").click(function() {
        $("select").each(function(key, valeu) {
            var requerido = $(this).attr('requerido');
            var nome = $(this).attr('name');
            var input = $("input[name='"+nome+"_default']").val();
            if(requerido == "true"){
                //tem de ver se ou a select tem valores, ou o input seguinte
                if($(this).val().length == 0 && input.length == 0){
                    console.log(nome+" empty");
                    //make the select box show the empty value message???
                } else {
                    console.log(nome+" tem valor "+input);
                }
            }
        });
    });

谢谢

实际上我使用了另一种方式。

$("input[name='guardar']").click(function() {
        $("select").each(function(key, valeu) {
            var requerido = $(this).attr('required');
            //console.log(requerido);
            var nome = $(this).attr('name');
            var input = $("input[name='" + nome + "_default']").val();
            if (typeof requerido !== typeof undefined) {
                //tem de ver se ou a select tem valores, ou o input seguinte
                if ($(this).val().length > 0 || input != "") {
                    $(this).removeAttr('required');
                }
            }
        });
    });
基本上，我搜索每个"必需"

的提交，然后，我观察他旁边的输入，如果它有一些价值，它会删除"必需"标签，并且可以正常工作:)

相关文章：