angularjs - Required attribute in select tag generating "An invalid form control with name='d' is not focusable." -
i using angular-materialize. when press button modal opens , when don't select select tag options not validate required attribute instead push error field not focusable.
<div id="modalwatch" class="modal bottom-sheet"> <h5 style="margin: 0px;">add device</h5> <div class="modal-content"> <div class="row"> <form autocomplete="off" class="col s12" name="dev_form" ng-submit="dev_form.$valid && devices.adddevice()"> <div class="row"> <div class="input-field col s4"> <select id="testtt" name="d" class="" data-error="wrong" data-success="right" ng-model="devices.newdevice.device_type_id" material-select watch required> <option value="" disabled selected>select device</option> <option ng-repeat="value in devices.devicetypes" value="{{value.id}}"> {{value.type_name}} </option> </select> <label for="d"> device types</label> </div> <div class="input-field col s4"> <input id="id" name="device_id" type="text" maxlength="30" class="validate" ng-model="devices.newdevice.device_id" required> <label for="id">device id</label> </div> <div class="input-field col s4"> <input maxlength="30" id="name" type="text" class="validate" ng-model="devices.newdevice.name" required> <label for="name">device name</label> </div> </div> <button type="submit" class="modal-action waves-effect waves-green btn-flat green right">add </button> </form> </div> </div> </div>
Comments
Post a Comment