微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何关注动态表单的第一个无效输入字段?

如何解决如何关注动态表单的第一个无效输入字段?

我有包含所有动态字段(ID、名称、占位符等...)的表单

喜欢下面..

<input  onkeyup="Obj.formevent(event,\'frmlogin\');" type="<?PHP echo $type; ?>" name="<?PHP echo $name; ?>" class="<?PHP echo $class; ?>" id="<?PHP echo $id; ?>" placeholder="<?PHP echo $placeholder; ?>" title="<?PHP echo $title; ?>" /> 

我想关注第一个无效字段

下面是我的 java 脚本代码,我在其中进行验证并显示错误消息

formLogin: function(e) {
    getData(url,function(data) {
        Object.keys(data).forEach(function(value) {
            i++;
            var validation_data = data[value];
            var field_value = document.getElementById(
              validation_data["field_id"]
            ).value;
            var validator = new RegExp(/^-?(\d+\.?\d*)$|(\d*\.?\d+)$/);
            if (!(validator.test(field_value))) {
                document.getElementById(
                        "error_" + validation_data["field_id"]
                    ).innerHTML =
                    '<span style="color:red;">' +
                    validation_data["valid_message"] +
                    "</span>";
                   //document.querySelector('input:invalid'); // tried this
                  //$("#form").find(":invalid").first().focus();
            }
        });
    });
   //document.querySelector('input:invalid');  // tried this
   //$("#form").find(":invalid").first().focus();
}

data 参数包含下面的对象(会有多个对象)

[{"field_id":"my_id","field_name":"Email:","field_type":"email","is_required":"1","maxlength":"40","minlength":"5","validation_type":"email","field_title":"Enter Email","valid_message":"Please enter your email","mandatory_message":"Please enter your email"},{"field_id":"my_id2","field_name":"Password:","field_type":"password","maxlength":"30","minlength":"6","validation_type":"password","field_title":"Password","valid_message":"Please enter your password","mandatory_message":"Please enter your password"`enter code here`}]

我尝试将下面的代码放在 foreach 上,但它专注于最后一个字段 也试过把 foreach 放在外面但不起作用

document.querySelector('input:invalid');
$("#form").find(":invalid").first().focus();

如何关注第一个无效字段?

请帮忙!!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。