当输入字段无效时，如何让angularjs记录默认的html5验证消息？

在AngularJS中，可以通过自定义指令来实现当输入字段无效时记录默认的HTML5验证消息。具体步骤如下：

1. 创建一个自定义指令，可以命名为defaultValidationMessage，并将其绑定到需要验证的输入字段上。

app.directive('defaultValidationMessage', function() {
  return {
    require: 'ngModel',
    link: function(scope, element, attrs, ctrl) {
      // 监听输入字段的验证状态变化
      scope.$watch(function() {
        return ctrl.$invalid && ctrl.$touched;
      }, function(isInvalid) {
        if (isInvalid) {
          // 获取输入字段的默认验证消息
          var validationMessage = element[0].validationMessage;
          // 将默认验证消息记录到控制器的自定义属性中
          ctrl.defaultValidationMessage = validationMessage;
        }
      });
    }
  };
});

1. 在HTML模板中使用自定义指令，并显示默认验证消息。

<form name="myForm">
  <input type="text" name="myInput" ng-model="myModel" required default-validation-message>
  <div ng-show="myForm.myInput.$invalid && myForm.myInput.$touched">
    {{ myForm.myInput.defaultValidationMessage }}
  </div>
</form>

在上述代码中，我们创建了一个名为defaultValidationMessage的自定义指令，并将其绑定到需要验证的输入字段上。指令中的link函数会监听输入字段的验证状态变化，当输入字段无效且已触摸过时，会获取输入字段的默认验证消息，并将其记录到控制器的自定义属性defaultValidationMessage中。在HTML模板中，我们使用ng-show指令来判断输入字段是否无效且已触摸过，如果是，则显示默认验证消息。

这种方法可以让AngularJS记录输入字段的默认HTML5验证消息，并在需要时进行显示。这样可以提供更好的用户体验，并帮助用户了解输入字段的验证要求。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于运行各种应用程序。
• 腾讯云云数据库 MySQL 版：提供高性能、可扩展的云数据库服务，适用于各种应用场景。
• 腾讯云对象存储（COS）：提供安全可靠的云存储服务，用于存储和管理各种类型的数据。
• 腾讯云人工智能：提供丰富的人工智能服务和工具，帮助开发者构建智能化应用。
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联网设备。
• 腾讯云区块链服务（BCS）：提供易于使用的区块链服务，用于构建和管理区块链网络。
• 腾讯云视频处理（VOD）：提供强大的视频处理和分发服务，用于存储、转码和播放视频内容。
• 腾讯云音视频通信（TRTC）：提供高质量、低延迟的音视频通信服务，用于实时音视频通话和互动直播。
• 腾讯云云原生应用引擎（TKE）：提供全托管的容器化应用服务，用于快速构建和部署云原生应用。
• 腾讯云网络安全（NSA）：提供全面的网络安全解决方案，保护云上应用和数据的安全。
• 腾讯云云原生数据库 TDSQL-C：提供高性能、高可用的云原生数据库服务，适用于云原生应用场景。

请注意，以上仅为腾讯云的一些相关产品，其他云计算品牌商也提供类似的产品和服务。