当输入为空时,在“提交”按钮上显示弹出框

时间:2015-11-26 00:22:21

标签: angularjs forms twitter-bootstrap validation popover

我有一个羽毛http://plnkr.co/edit/cwalC89dm9OFp111W1In?p=preview

按此,用户应输入学生ID和标记的输入数字。如果你注意到,如果数字不在0到10之间,它将导致输入消息的弹出。这样可以正常工作。

我有一个提交按钮。如果用户未在上述字段中输入任何值,我希望弹出窗口显示在提交按钮上。我怎么能实现这个目标? 有人可以在这里说清楚吗?

以下是代码...

HTML代码 -

<body ng-app="myApp" ng-controller="myCtrl">
<br>
<form name="myForm" class="myForm" novalidate>
  Student Id: <input popover="Should be between 1 and 10" name="myInput" ng-model="test" 
        popover-toggle="myForm.myInput.$error.max" max="10" type="number" ng-maxlength="2" required
        popover-placement="top" />

  Marks: <input popover="Should be between 1 and 10" name="myInput1" ng-model="test1"
        popover-toggle="myForm.myInput1.$error.max" max="10" type="number" required
        popover-placement="top" />

  <input type="submit" value="Submit">
</form>

0 个答案:

没有答案