Javascript 根据下拉列表中的选择选择输入验证

Javascript 根据下拉列表中的选择选择输入验证,javascript,jquery,angularjs,validation,pug,Javascript,Jquery,Angularjs,Validation,Pug,我试图根据用户从下拉列表中选择的选项在字段上设置验证。如果他们选择“电子邮件”,我会在输入字段上运行电子邮件验证。如果他们选择“用户”,我将在字段上运行数字验证。我想在每个可能的输入字段上使用ng if,并根据从下拉列表中选择的值选择要显示的字段,但我似乎不知道如何最好地确定他们选择了哪个选项。当前代码如下: td div.btn-group button.btn.btn-primary(data-toggle='dropdown' ng-model='type')#type Typ

我试图根据用户从下拉列表中选择的选项在字段上设置验证。如果他们选择“电子邮件”,我会在输入字段上运行电子邮件验证。如果他们选择“用户”,我将在字段上运行数字验证。我想在每个可能的输入字段上使用ng if,并根据从下拉列表中选择的值选择要显示的字段,但我似乎不知道如何最好地确定他们选择了哪个选项。当前代码如下:

td
  div.btn-group
    button.btn.btn-primary(data-toggle='dropdown' ng-model='type')#type Type
    button.btn.dropdown-toggle.btn-primary(data-toggle='dropdown')
      span.caret
    ul.dropdown-menu(role='menu')#list
      - for (var x in listTypes)
        li
          a(class='list-type' data-list-type-uri='#{x}' data-list-type='#{listTypes[x].name}')= listTypes[x].name
td
  input.form-control(name='listType' id='list', type='text', placeholder='List Type' ng-model='email' validator='email' required message-id='email')
  span(id='email' ng-hide='!email.length')
  input.form-control(name='listType' id='list', type='text', placeholder='List Type' ng-model='user' validator='number' required message-id='number')
  span(id='number' ng-hide='!number.length')

将必需属性与输入类型submit一起使用