Question

我的表单有问题。我想制作标准的PHP表单，但AngularJS阻止了“提交”按钮。

当我点击“提交”按钮时，它会在控制台中返回一些错误。请记住，我不想动态提交。

错误是：

名称为'''的无效表单控件无法调焦。

这个例子

<body ng-app="mainApp">
    <form action="post.php" method="post">
        <div ng-controller="MainCtrl">
            <label for="titlex">Title</label>
            <input id="titlex" class="form-control" type="text" maxlength="75" min="10" name="titlex" required>
        </div>
        <input type="submit" value="Send">
    </form>
</body>

Answer 1

此问题会在不同情况下弹出：

您有一个隐藏的表单元素，其具有required属性以进行验证。
您可以在send数据之前隐藏表单元素。
某些必填表单元素没有name属性。
您的提交input没有name属性。

您可以尝试在提交输入中添加name属性：

<input type="submit" value="Send" name="send">

或者您可以使用

设置您的表单，而不是由浏览器机制验证

<form name="myform" novalidate>

Answer 2

尝试在输入标记中添加name属性。只有具有name属性的表单元素才会在提交表单时传递其值。

<input type="submit" value="Send" name="send">

希望这能解决你的问题。

表单提交按钮不适用于AngularJs

2 个答案: