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

时间:2015-09-03 13:31:50

标签: javascript jquery angularjs validation pug

我尝试根据用户从下拉菜单中选择的选项在字段上设置验证。如果他们选择发送电子邮件'我在输入字段上运行电子邮件验证。如果他们选择用户'我在该字段上运行数字验证。我想在每个可能的输入字段上使用ng-if,并根据从下拉列表中选择的值选择要显示的字段,但我似乎无法弄清楚如何最好地确定哪个选项选择。目前的Jade代码如下:

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')

1 个答案:

答案 0 :(得分:0)

使用输入类型提交所需的属性