angularJS表单验证问题

login页面用ng-messages显示用户名和密码错误信息,请问如何在点击提交表单后才显示错误提示,然后禁用提交按钮?谢谢

阅读 2.8k
2 个回答
    <form name="myForm" novalidate>
        <div>
            <input name="name" ng-model="data.myform.name" required>
            <!--根据输入的name值判断是否显示-->
            <span class="error" ng-show="shippingFrom.name.$error.required">
                请填写姓名!
            </span>
        </div>
        <!--连接提交按钮,如果form表单未验证通过,就禁用按钮-->
        <div>
            <button ng-disabled="myForm.$invalid">提交</button>
        </div>
    </form>

ng-show=“xxx”属性卸载错误信息的结构中,并写上校验。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题