如何使用jquery验证验证ember power select？

我有一个电源选择，我想验证。当用户按下submit时，我希望他们已经从power select下拉列表中进行了选择。如果他们没有从下拉列表中选择，则会显示警告。我正在使用

ember power select

进行下拉选择，使用

jquery validation

进行验证

下面是我的余烬模板（组件）的内容-我包含了一个有效的文本输入（

amount

）：

//emblem.js

form id="salesForm"
    .form-group
      label Account Name (Organization)
      = power-select options=organizations selected=sale.organization searchField="name" onchange=(action "organizationChanged" ) placeholder="Account Name" required="required" name="organization" id="organization" as |organization|
        = organization.name

    .form-group
      label Amount
      = input type="text" value=sale.amount placeholder="Amount" class="form-control" required="required" name="amount" id="amount"
    ...

在my component.js中：

  didRender(){
    ...
    var validator = this.$('#salesForm').validate({
      rules: {
        organization: {
          required: true
        },
        amount: {
          required: true
        }
      },
      messages: {
        organization: {
          required: "Please select an organization"
        },
        amount: {
          required: 'Please enter amount number'
        }
      },
      errorPlacement: function(error, element){
        error.insertAfter(element);
      }
    });
    ...
  }

当前，如果我没有选择任何内容，它将在

金额

下显示错误，但在

组织

下不会显示任何内容。我注意到，当我检查power select时，它有一个固定的power select id。我的

required='required'和
name='organization'行也没有显示


代码：

<div aria-haspopup="true" class="ember-basic-dropdown-trigger ember-power-select-trigger" id="ember-power-select-trigger-ember1017" tabindex="0" role="button" aria-disabled="false" aria-expanded="true" aria-pressed="true" aria-controls="ember-basic-dropdown-content-ember1026">
    <span class="ember-power-select-placeholder">Account Name</span>
<span class="ember-power-select-status-icon"></span>
</div>

简而言之，如何在ember power select上启用基本验证，以便在用户未从下拉列表中选择时显示错误消息？
请不要显示代码的图片或图像。请花点时间复制/粘贴或键入它。您的根本问题是您的
选择
不包含
名称
属性。。。关注这一点。我也不能确定，因为我看到的是一张很小的模糊图片，但似乎您的选择甚至不是
select
元素。。。这对于jqueryvalidate来说也是一个大问题。底线是：您必须检查您的实时DOM并向我们显示实际呈现的代码。。。JavaScript.Hi@Sparky只使用这个呈现的代码！谢谢你的评论。我编辑了我的帖子并添加了代码。在您的第二条评论中，当您说我的select甚至不是一个
select
元素时，jquery验证需要什么才能让select元素工作呢？谢谢你的时间！如果您的代码中显示了
占位符
，那么您就不会显示DOM中呈现的实时代码。是的，jQuery验证插件只能验证
选择
、
文本区域
、某些
内容可编辑
元素和某些
输入
元素。只要您有一个具有唯一
名称的
选择
，并且第一个
选项
包含
值=“”
，则它将进行验证。
<input id="amount" placeholder="Amount" required="" name="amount" type="text" class="form-control ember-view ember-text-field error" aria-required="true">