Angularjs 使用角度表单验证时仍提交空表单字段

验证正确突出显示，但当我单击“提交”按钮时，即使表单字段为空，表单仍在提交中（尼克值未定义）

我试着在表单中添加

novalidate

，但没有效果

    <form class="nick" ng-submit="joinChat()">
        <input type="text" required name="nick" ng-model="nick" ng-minlength="2" ng-maxlength="10">
        <button>Join</button>
    </form>

---

无效输入不会阻止角度表单提交，请尝试以下操作：

<form class="nick" novalidate ng-submit="joinChat()" name="myform">
    <input type="text" ng-required="true" name="nick" ng-model="nick" ng-minlength="2" ng-maxlength="10">
    <button ng-disabled="myform.$invalid">Join</button>
</form>

参加

---

表单上的

novalidate

有什么作用？它阻止默认浏览器验证并允许角度句柄validationok，我也有

，但我得到[Object Object]作为值。我将

name

更改为

user.nick

，但我不知道这是否正确，或者是否需要它。请拉小提琴，我来看看它--我只是不知道输入字段上的

name

属性应该是什么。嗨。。如果我在表单中给出

action=”“

，则angularjs验证无效。。你知道这个问题的解决方案吗？如果你使用的是

ng submit

Hii@chovy，就不需要

action

。。。谢谢你的回答。。。但我又遇到了一个新问题。。。如果我删除

action=“

但表单未提交，则其工作正常。。。有什么问题吗？？？

<form class="nick" novalidate ng-submit="joinChat()" name="myform">
    <input type="text" ng-required="true" name="nick" ng-model="nick" ng-minlength="2" ng-maxlength="10">
    <button ng-disabled="myform.$invalid">Join</button>
</form>