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

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

前端-潇凡

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

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Catherian/article/details/53842008

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;
        }