首页 文章

如何使用angularjs以html格式清除文本框的红色边框?

提问于
浏览
0

我有一个看起来像这样的表单:

Form

当我单击提交按钮时,由于所需属性,它在文本框字段上显示红色边框 .

之后我想点击重置按钮,然后它应该清除文本框的红色边框 .

有人可以帮帮我吗?

1 回答

  • 0

    在您的表单中,您有这样的事情:

    <form name="vm.myForm">
    

    您的重置应该是以下之一:

    <input type="reset" />
    <button></button>
    

    您可以将按钮上的ng-click绑定到控制器中的方法:

    <input ng-click="vm.resetForm()" />
    <button ng-click="vm.resetForm()"></button>
    

    然后在你的控制器中:

    resetForm() {
      this.myForm.$setPristine();
    }
    

    这应该将表单重置为原始状态,并删除由无效表单导致的任何红色边框(即未填写所需的输入) .

相关问题