angularjs - 如何在没有表单标签的情况下在 AngularJS 中应用验证?

标签 angularjs

我有一个 div,其中我没有使用表单标签并在 ng-click 按钮上提交表单,但是如何应用 AngularJS 中给定提交的验证。

<div ng-controller="AddNewvisaController">
<input type="text" class="form-control" ng-model="visa.requirement">
 <select ng-model="visa.country">
  <option value="1">abc<option>
    <option value="2">xyz<option>
     <option value="3">pqrs<option>
</select>
<button type="submit" data-ng-click="submitvisa()">Submit</button>
</div>

最佳答案

如果您真的不想添加表单标签,您可以使用“ng-form”指令。

<body ng-controller="MainCtrl">
  <div ng-form="myForm">
    <input type="text" required ng-model="user.name" placeholder="Username">
    <button ng-click="doSomething()" ng-disabled="myForm.$invalid">DO</button>
  </div>
</body>

example

关于angularjs - 如何在没有表单标签的情况下在 AngularJS 中应用验证?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26971347/

相关文章:

javascript - Angular + php登录api cors问题

javascript - AngularJS 轮询器抛出

angularjs - 如何在 Angularjs 中按属性计算数组中的项目?

javascript - 根据 EasyPieCharts 的动态数据更改 ProgressBar 颜色

javascript - 如何将任何数组从 ng-repeat 传递到 AngularJs 属性指令?

angularjs - 如何将 StateChangeStart 事件推迟到 ui-router 解析执行之后

javascript - angularjs $httpProvider 拦截器文档

javascript - 组织结构图指令中的数据迭代

javascript - Angular 模块需要定义两次

angularjs - ngUpgrade 性能注意事项