Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有了Angularjs,有没有办法在javascript中只提交表单的部分?_Javascript_Angularjs_Forms - Fatal编程技术网

有了Angularjs,有没有办法在javascript中只提交表单的部分?

有了Angularjs,有没有办法在javascript中只提交表单的部分?,javascript,angularjs,forms,Javascript,Angularjs,Forms,版本:Angular 1.4 我有一个表单,其中的字段集表示我希望用户填写的不同部分。可以使用“下一步”和“上一步”按钮浏览这些部分。我想提出一些限制,只有当用户用有效的输入完成一个部分时,他们才能进入下一个部分 这一点在这个问答中得到了很好的说明: 然而,我正在寻找一个稍微不同的解决方案。我打算在javascript中使用控制下一步按钮的逻辑 有没有办法从我的javascript访问这些ng表单属性?我尝试过通过表单的name属性访问表单的相同方法,但尽管如此,我还是收到一个错误,说这个变量

版本:Angular 1.4

我有一个表单,其中的字段集表示我希望用户填写的不同部分。可以使用“下一步”和“上一步”按钮浏览这些部分。我想提出一些限制,只有当用户用有效的输入完成一个部分时,他们才能进入下一个部分

这一点在这个问答中得到了很好的说明:

然而,我正在寻找一个稍微不同的解决方案。我打算在javascript中使用控制下一步按钮的逻辑

有没有办法从我的javascript访问这些ng表单属性?我尝试过通过表单的name属性访问表单的相同方法,但尽管如此,我还是收到一个错误,说这个变量不可用

我基本上希望在用户点击next时检查字段集的有效性,如果表单无效,则在不提交表单的情况下在部分显示相应的错误

我在Anuglars网站上查阅了表格文档,但运气不好

感谢您的帮助

编辑: 因此,我找到了子表单ng表单的文档:

该文档声明,当我使用该指令时,它将以相同的名称发布到作用域中,但在我的js中,当我尝试访问它时,它不可用。例如:

<form name="form">
    <fieldset ng-form="step1form"></fieldset>
    <fieldset ng-form="step2form"></fieldset>
</form>

在控制器内的js中,显然:

console.log(form);
// <form name="form">...</form>

console.log(step1form);
// ReferenceError: step1form is not defined
console.log(表单);
// ...
控制台日志(step1form);
//ReferenceError:未定义step1form
使用此HTML

<form name="form">
    <fieldset ng-form="step1form"></fieldset>
    <fieldset ng-form="step2form"></fieldset>
</form>
使用此HTML

<form name="form">
    <fieldset ng-form="step1form"></fieldset>
    <fieldset ng-form="step2form"></fieldset>
</form>
使用此HTML

<form name="form">
    <fieldset ng-form="step1form"></fieldset>
    <fieldset ng-form="step2form"></fieldset>
</form>
使用此HTML

<form name="form">
    <fieldset ng-form="step1form"></fieldset>
    <fieldset ng-form="step2form"></fieldset>
</form>

使用ng submit,获取表单句柄并选择要通过$http;发送的模型)使用ng submit,获取表单句柄并选择要通过$http;发送的模型)使用ng submit,获取表单句柄并选择要通过$http;发送的模型)使用ng submit,获取表单句柄并选择要通过$http;发送的模型)