Question

这看起来非常微不足道，所以如果我错过了什么，我很抱歉，但我无法理解。

我想启用我的按钮，当窗体有效时，使用AJAX发送数据，但按钮总是被禁用。

看看：

<form name="UserReg" novalidate>

        <div class="form-group">
            <input type="text" name="user_name"
                                data-ng-model="UserName"
                                ng-maxlength=20
                                placeholder="Name"
                                required />

            <div data-ng-messages="UserReg.user_name.$error"
                 data-ng-show="UserReg.user_name.$touched">

                 <div data-ng-messages-include="angular_app/validation/form_messages.html"></div>

            </div>
        </div>


       <div class="form-group" style="padding-top:20px;">
            <button type="button" name="add_user"
                                    class="top-menu-button"
                                    data-ng-click="AddUser()"
                                    ng-disabled="UserReg.$invalid">
                <i class="fa fa-plus fa-lg padding-r-5"></i> Add User
            </button>
        </div>

</form>

问题出在哪里？

Answer 1

首先，您应将ng-maxlength的值括在双引号中。其次，由于输入字段上有required属性，只有输入字段有一些值（在其中键入内容并且表格才有效）时，表单才会生效。

否则，如果没有必要，请从输入字段中删除required属性。

AngularJS中的表单始终无效

1 个答案: