选中时角度抛出验证错误

时间:2016-05-26 01:24:24

标签: javascript jquery angularjs

我总是在下拉列表中收到错误,要求我“请从列表中选择一个值”,无论我选择什么。当我将作业ID从guid替换为整数时,它可以工作。但是GUID失败了。有什么想法吗?

这是我的HTML

<select class="form-control ng-touched ng-dirty ng-valid-parse ng-valid ng-valid-validselected" name="job_id" id="job_id" data-ng-model="formJobApplyData.job_id" data-ng-options="job.JobTitle for job in jobList track by job.JobId" data-validate-selected="">
   <option value="0" selected="selected" label="Select a Job from the List">Select a Job from the List</option>  
   <option value="1" label="Job1">JOB 1 </option>
   <option value="2" label="Job2">Job 2</option>
 </select>

<div data-ng-messages="jobForm.job_id.$error" data-ng-show="jobForm.job_id.$invalid &amp;&amp; (jobForm.$touched || jobForm.$dirty)" class="form-message ng-active">
                    <!-- ngMessage: validselected --><p data-ng-message="validselected" class="ng-scope">
                        You must select a job from the list
</p>
</div>

但如果用以下替换选择 - 它将失败

<select class="form-control ng-touched ng-dirty ng-valid-parse ng-valid ng-valid-validselected" name="job_id" id="job_id" data-ng-model="formJobApplyData.job_id" data-ng-options="job.JobTitle for job in jobList track by job.JobId" data-validate-selected="">
   <option value="0" selected="selected" label="Select a Job from the List">Select a Job from the List</option>
   <option value="{19232633-2bd1-4f6c-8ce7-81d428ee0a2b}" label="Job1">JOB 1 </option>
   <option value="{09712b88-bc6c-4e51-9385-bb529e205724}" label="Job2">Job 2</option>
 </select>

在“值”字段中,我尝试将"{ 09712b88-bc6c-4e51-9385-bb529e205724}"替换为"09712b88bc6c4e519385bb529e205724"。结果相同。

伙计们 - 我错过了什么?

1 个答案:

答案 0 :(得分:0)

你没有关闭第二个选项。你在两个片段中都有这个:

text/html

不知道这是不是你的实际代码,但是如果这是一个问题。

查看this answer关于html元素属性中可接受的内容。你应该能够在那里拥有几乎任何东西。