如何使用动态id验证html元素

how to validate html elements with dynamic id

本文关键字：html 元素 验证 id 何使用 动态      更新时间：2023-09-26

我需要验证一个HTML元素（一个文本字段），它的id是通过数组动态分配的。我在下面给出了我的HTML代码。请告诉我如何在jQuery中设置HTML id？

<div class="form-group" ng-repeat="property in entity.entityPropertyTypes">
    <!-- PROPERTY -->
    <div class="col-md-3">
        <label class="control-label">{property.propertyLabel}}</label>
    </div>
    <!-- VALUE -->
    <!-- Text field -->
    <div class="col-md-3" ng-if="property.dataTypeId === 3 ">
        <input id="{{property.propertyId}}Value" type="text" class="form-control" ng-model="property.propertyValue">
    </div>
    <!-- Date -->               
    <div class="col-md-offset-2 col-md-1" ng-if="property.dataTypeId === 4 ">
        <datepicker date-format="MM-yyyy"> 
            <input id="{{property.propertyId}}yearEnd" type="text" class="form-control" ng-model="property.propertyValue">
        </datepicker>
    </div>

您可以添加任何想要的属性，然后使用选择器来获取元素。

例如，您可以在输入中添加一个类：

 <input id="{{property.propertyId}}Value" type="text" class="form-control myclass" ng-model="property.propertyValue">

然后按类别选择

 var textToCheck = $("input.myclass").val();

你甚至可以添加一个个人属性：

 <input item="1" id="{{property.propertyId}}Value" type="text" class="form-control" ng-model="property.propertyValue">

然后

var textToCheck = $("input[item=1]").val();
相关文章：