angularJS表单验证问题

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

阅读 2.9k
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”属性卸载错误信息的结构中,并写上校验。

推荐问题