javascript - angularJS表单验证问题
巴扎黑
巴扎黑 2017-04-10 16:45:22
[JavaScript讨论组]

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

巴扎黑
巴扎黑

全部回复(2)
高洛峰
    <form name="myForm" novalidate>
        <p>
            <input name="name" ng-model="data.myform.name" required>
            <!--根据输入的name值判断是否显示-->
            <span class="error" ng-show="shippingFrom.name.$error.required">
                请填写姓名!
            </span>
        </p>
        <!--连接提交按钮,如果form表单未验证通过,就禁用按钮-->
        <p>
            <button ng-disabled="myForm.$invalid">提交</button>
        </p>
    </form>
PHPz

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号