如何解决如何关注动态表单的第一个无效输入字段?
喜欢下面..
<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 举报,一经查实,本站将立刻删除。