Angular 无格式的角度模式验证

我正在尝试验证特定URL模式的用户输入（Angular6 Priming pInputText）， 比如说在模糊上

该字段以前是表单的一部分，但现在不再存在（该屏幕现在是真正复杂的6部分表单的一部分）。因此，当点击按钮时，它应该会得到一些与该URL相关的数据 从DB开始，在表单上填充一组字段进行编辑

它是银行团队管理应用程序的一部分，所以输入字段用于输入和验证某些资源，如JIRA或bitbucket回购

那么如何实现这种验证呢？ 我见过有人提到ngForm指令，但我不想打扰那个复杂的表单或产生副作用。我们能在一个屏幕上有两张表格吗？ 他们会互相冲突吗

在输入字段中还有一个pattern属性，所以可能有一种不使用表单的方法

请告知。非常感谢您的帮助

蒂亚， 奥列格

您可以在一个页面中创建多个表单，而不会出现任何问题

您可以轻松地处理此场景，而无需使用表单。如果要使用模糊，可以像下面这样轻松使用：

 <input type="text" pInputText placeholder="url" [(ngModel)]="data.model"
          (blur)="checkInputValue(data.model)"/>

---

有趣的但我需要更多的错误处理（比如输入字段的红色边框，一些错误消息）。另外，请你详细说明一下，作为一个角度的形式与这种方法。

checkInputValue(value: string){
    // suppose value is"https://www.google.com";
    var patt = new RegExp(/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/gm);
    var res = patt.test(value);
    if(res){
    //fetch data from db and fill the second form
    }
}