angular form表单错误提示并自动focus第一个input

最新推荐文章于 2023-11-05 23:06:07 发布

原创最新推荐文章于 2023-11-05 23:06:07 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用Angular进行表单验证的方法，通过检查必填项、格式及最大长度来确保输入的有效性。当验证失败时，会自动聚焦到第一个出错的输入框。

if (!isValid) {
            alert('请输入必填项信息，并保证长度和格式正确！');
            var errorField;
            if (!!errors.required) {
                errorField=errors.required[0].$name;
            }
            else if (!errorField&&!!errors.pattern) {
                errorField = errors.pattern[0].$name;
            }
            else if (!errorField &&!!errors.maxlength) { 
                errorField = errors.maxlength[0].$name;
            }
            angular.element(document).find('[name="'+ errorField+'"]').focus();
            return;
        }