動態表單如何對部分表單字段校驗

開發中遇到可以動態添加的表單，對這樣的表單校驗是比較頭疼的。現做如下總結

如下圖，計算節點中的表單是可以動態添加和刪除的

1.主機名之間和ip之間不可重復
2.主機名輸入框的內容需調接口，查看該主機是否可用
3.由於是動態添加的，需要對每一個輸入框內容精准校驗

 數據結構如下：

auditFormData: {
        calcNodeList: [{
          name:'11.200.196.66',
          ip:'11.200.196.66'
        },{
          name:'11.200.196.57',
          ip:'11.200.196.57'
        }],
        clusterId: '21ede8770ba8845454fdf34343'
 }

 

以主機名為例詳細說明：

  因為rules使用了自定義校驗，所以不能直接寫在行內

 

 

 

 關鍵的一步，也是困擾我許久的問題，如何對動態表單的部分表單校驗呢？

 

 

至此，我想表單校驗里應該再沒什么特別難的問題能困住我了。（說多了都是淚呀，o(╥﹏╥)o ）

踩坑不怕，關鍵是要怎么爬出來！同學們加油！！！