angular js 怎么实现某个input框输入值就显示某个div

答案:2 悬赏:0 手机版

解决时间 2021-02-14 03:00

提问者网友：喧嚣尘世
2021-02-13 04:56

最佳答案

五星知识达人网友：三千妖杀
2021-02-13 05:41

angular自带数据绑定

angularJS

显示区域：{{name}}

一定要引入 angular.min.js 没有的话可以去官网下载

全部回答

1楼网友：轻熟杀无赦
2021-02-13 07:09

常用的表单验证指令
1. 必填项验证
某个表单输入是否已填写，只要在输入字段元素上添加HTML5标记required即可：

2. 最小长度
验证表单输入的文本长度是否大于某个最小值，在输入字段上使用指令ng-minleng= "{number}"：

3. 最大长度
验证表单输入的文本长度是否小于或等于某个最大值，在输入字段上使用指令ng-maxlength="{number}"：

4. 模式匹配
使用ng-pattern="/PATTERN/"来确保输入能够匹配指定的正则表达式：

5. 电子邮件
验证输入内容是否是电子邮件，只要像下面这样将input的类型设置为email即可：

6. 数字
验证输入内容是否是数字，将input的类型设置为number：

7. URL
验证输入内容是否是URL，将input的类型设置为 url：

下面我们将这些表单验证放到具体的实现中来测试一下：

1.必填项

2.最小长度=5

3.最大长度=20
　　　　　　　　　　

4. 模式匹配

5. 电子邮件
　　　　　　　　　　

6. 数字
　　　　　　　　　　

7. URL
　　　　　　　　　　

1.必填项:{{user.name}}

2.最小长度=5:{{user.minlength}}

3.最大长度=20:{{user.maxlength}}

4.模式匹配:{{user.pattern}}

5.电子邮件:{{user.email}}

6.数字:{{user.age}}

7.URL:{{user.url}}

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！