当前位置: 首页 > 面试题库 >

如何使用angularjs检查表单有效性?

顾兴昌
2023-03-14
问题内容

我对angularjs很陌生。说我的应用程式有表格。使用检查器,我注意到,如果angularjs认为该表单无效,则会向该表单添加ng-
invalid类。可爱。

因此,似乎为了检查表单是否有效,我需要使用Jquery选择器来污染我的代码吗?不使用表单控制器来指示表单有效性的angularjs方法是什么?


问题答案:

当您将<form>标签放入ngApp时,AngularJS会自动添加表单控制器(实际上有一个指令,称为form添加必要行为)。name属性的值将绑定在您的范围内;所以类似<form name="yourformname">...</form>将满足:

表单是FormController的实例。可以选择使用name属性将表单实例发布到范围中。

因此,要检查表单有效性,可以检查$scope.yourformname.$valid范围属性的值。

您可以在“ 开发人员指南”部分中获取有关表单的更多信息。



 类似资料:
  • 问题内容: 我需要检查表单在控制器中是否有效。 视图: 在我的控制器中: 我收到此错误: 问题答案: 我已将控制器更新为:

  • 我目前正在尝试为一个我为好玩而开发的网站创建一个登录/创建帐户页面。在创建帐户表单中,我有一个用户名、姓名、电子邮件、密码和验证密码的输入字段。我在输入字段中也有模式,以便用户生成有效的帐户信息。以下为表格: 澄清:用户名模式要求您的用户名只有大写和小写字母和数字,并且必须至少包含5个字符,最多包含40个字符。电子邮件要求您输入有效的电子邮件地址模式。密码要求至少包含8个字符,并且必须包含大小写字

  • 我一直试图弄清楚这种Luhns的方法来验证信用卡,但我似乎无法弄清楚。我需要使用方法,而不能使用数组,所以我完全被难住了。 null 我的问题是,我仍然在学习方法(完全是初学者。去年我试着学过一次代码,但放弃了,但这次我设法做到了这一点),我不知道如何使用这些方法来完成Luhn检查中的第4步和第5步。 谁能帮我一下吗?谢谢!!

  • 问题内容: 我有一个脱机菜单,可以在网站上完美运行。用户既可以使用导航键也可以用手指滑动它来打开和关闭它。 现在,我有一个非常不错的navicon图标,当单击(并打开菜单)时,它会从菜单图标过渡到X图标,反之,当再次单击并关闭菜单时,它又会转变为X图标。Buuut,如果用户将菜单滑动到打开或关闭而不是使用导航按钮的状态,则不会触发过渡,这可能会导致UX混乱(即,菜单被关闭,并且导航按钮显示X而不是

  • 问题内容: 我有一个子窗体,可在我的应用程序的多个视图之间共享。在一个视图中,此子窗体单独显示,底部带有“上一步/继续”按钮,可将用户引导至下一个子窗体。在另一个视图中,子窗体与其他子窗体(基本上是一个长格式)显示在同一页面上。 由于子窗体的html在两个视图中都是100%相同的,因此我将其分成了一部分,并正在使用它进行呈现。在仅显示带有“后退/继续”按钮的子表单的视图中,我在父级HTML内渲染“

  • 这里是错误: 为什么字母*不匹配任何东西??