使用angularjs验证表单 [英] Validate forms using angularjs

查看:79
本文介绍了使用angularjs验证表单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

你好

我是AngularJS的新手,我有一些文本框,我想用Angular来验证它们。对于电子邮件文本框,我已经完成了,所以如果用户输入错误的电子邮件模式,电子邮件文本框的边框将变为红色,但对于密码文本框,它将无法工作。并为电话 文本框,我需要阻止用户输入字符。我的意思是他/她输入了一个角色,它不会显示在文本框中。你能帮帮我吗?

这是我的代码:

jsfiddle.net < br $> b $ b

我尝试了什么:



这里是我的代码和我的内容尝试过: jsfiddle.net

推荐答案

有那里有太多错误。



首先,你的所有功能都是错误的。您将范围函数定义为空,然后以角度重新定义控制器函数(至少这是我的浏览器中使用jsfiddle中引用的脚本的效果)。



看起来:

There is so much wrong there.

First off, all your functions are wrong. You define your scope function as empty, then redefine the controller function in angular (at least that's the effect in my browser using the referenced scripts in your jsfiddle).

look:
//app.controller("myCtrl",function(


scope)){
// ...
// }
app。 controller( myCtrl function
scope)){ //... //} app.controller("myCtrl",function(


范围){
// ...
});
scope){ //... });





您的phonenumber键绑定是相同的,但设置它的功能永远不会运行。



你没有在你的设置中设置控制器或应用程序div,要么



看,试试吧。它大部分是固定的,但我并没有花太多时间



表单验证 - AngularJS - JSFiddle [ ^ ]

这篇关于使用angularjs验证表单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆