AngularJS表单验证不与selectize.js一起使用

时间:2018-05-24 05:47:12

标签: javascript jquery html angularjs selectize.js

使用$ error

以角度js形式验证选择字段下拉列表
<form name="postJobForm">

这是选择性下拉列表

<select class="form-control" id="selectUser"  name="selectUser"   
ng-model="selectUser"   required></select>

<small ng-show="postJobForm.selectUser.$error.required 
&& postJobForm.selectUser.$touched" class="errorMsg ">
Please complete this required field.</small>

这是一个简单的下拉列表,可以正常工作(不是选择性)

<select class="form-control " name="requestedType" ng-model="requestedType "
id="requestedType"  
ng-options="option.value as option.label for option in data.requestedTypes" 
ng-init="requestedType = ''" required>
</select>

<small ng-show="postJobForm.requestedType.$error.required 
&& postJobForm.requestedType.$touched" class="errorMsg ">
Please complete this required field.</small>

</form>

这就是我的选择加载方式:

//assigned to -- recruiter role
$scope.$selectUser = $('#selectUser').selectize({
    valueField: 'id',
    labelField: 'name',
    searchField: 'name',
    placeholder: "Search by name...",
    options: $scope.data.recruiter_users,
    create: false,
    sortField: {
        field: 'name',
        direction: 'asc'
    }
});

enter image description here

enter image description here

我正在尝试像Requested Type那样实现相同的验证,但是当我触摸并关注它时,它无法按预期工作

我做错了什么..?

0 个答案:

没有答案