使用 Angular、Javascript 无需用户单击按钮即可从表单字段(电子邮件、密码)获取和存储数据
Fetching and storing data from form fields (email, password) without user clicking a button using Angular, Javascript
我是 Angular 和 Java-脚本的新手,正在尝试解决以下问题。我将不胜感激。
- 我在 div class 中有 2 个字段。其中之一是表单条目(电子邮件),另一个是下拉菜单,其中包含一些静态值 "occupation",用户可以从中选择 select。他们都在同一行。
- 我想在用户完成第一个 row/entry 中输入有效电子邮件地址后立即重复此行(用于第二个条目)。我还想将第一行的值存储在控制器中的数组中。
- 我想对第二次进入等做同样的事情。
一旦用户点击底部的 "OK",我想对具有上述所有值的数组执行操作。我定义了操作,它适用于单个条目,但我无法弄清楚两件事:
如何将每个 row/entry 的值存储在一个数组中,而无需用户单击任何按钮,而只是在完成输入电子邮件地址的情况下?
- 当用户在上一行输入完电子邮件后,如何自动创建一个新行? ng-repeat 是一个好的选择吗?
如有任何帮助,我们将不胜感激。我只想朝着正确的方向开始。
您应该考虑,电子邮件地址可以是彼此的前缀 - 或者至少大多数检查电子邮件地址有效性的正则表达式已经允许 "a@example.c" 而不是等待完整的“ .com".
除此之外,从用户的角度来看,我更希望至少按回车键来提交我的输入。
最好的办法可能是当您开始在前一行中输入内容时创建新行,让用户决定何时切换到它(通过单击或按 tab 键)。当他或她在那里输入内容时,您可以从当前行提交数据。
要检查电子邮件地址是否有效,您可以在 angular[1] 中使用输入类型的电子邮件。
<input type="email" ng-model="user.email" name="uEmail" required="" />
我是 Angular 和 Java-脚本的新手,正在尝试解决以下问题。我将不胜感激。
- 我在 div class 中有 2 个字段。其中之一是表单条目(电子邮件),另一个是下拉菜单,其中包含一些静态值 "occupation",用户可以从中选择 select。他们都在同一行。
- 我想在用户完成第一个 row/entry 中输入有效电子邮件地址后立即重复此行(用于第二个条目)。我还想将第一行的值存储在控制器中的数组中。
- 我想对第二次进入等做同样的事情。
一旦用户点击底部的 "OK",我想对具有上述所有值的数组执行操作。我定义了操作,它适用于单个条目,但我无法弄清楚两件事:
如何将每个 row/entry 的值存储在一个数组中,而无需用户单击任何按钮,而只是在完成输入电子邮件地址的情况下?
- 当用户在上一行输入完电子邮件后,如何自动创建一个新行? ng-repeat 是一个好的选择吗?
如有任何帮助,我们将不胜感激。我只想朝着正确的方向开始。
您应该考虑,电子邮件地址可以是彼此的前缀 - 或者至少大多数检查电子邮件地址有效性的正则表达式已经允许 "a@example.c" 而不是等待完整的“ .com".
除此之外,从用户的角度来看,我更希望至少按回车键来提交我的输入。
最好的办法可能是当您开始在前一行中输入内容时创建新行,让用户决定何时切换到它(通过单击或按 tab 键)。当他或她在那里输入内容时,您可以从当前行提交数据。
要检查电子邮件地址是否有效,您可以在 angular[1] 中使用输入类型的电子邮件。
<input type="email" ng-model="user.email" name="uEmail" required="" />