angularJs提供了很丰富的表单验证功能,当html页面中有表单时,angularJs会把form注入到
s
c
o
p
e
中
,
比
如
f
o
r
m
表
单
中
有
一
个
<
i
n
p
u
t
>
标
签
。
<
i
n
p
u
t
>
输
入
是
必
填
的
且
是
有
效
值
。
则
可
用
以
下
的
方
式
进
行
验
证
输
入
是
否
为
空
。
f
o
r
m
N
a
m
e
.
i
n
p
u
t
N
a
m
e
.
scope中,比如form表单中有一个<input>标签。<input>输入是必填的且是有效值。则可用以下的方式进行验证输入是否为空。 formName.inputName.
scope中,比如form表单中有一个<input>标签。<input>输入是必填的且是有效值。则可用以下的方式进行验证输入是否为空。formName.inputName.invalid 若为true,则输入数据无效,false则相反。
formName.inputName.
e
r
r
o
r
.
r
e
q
u
i
r
e
d
判
断
是
否
有
输
入
,
为
t
r
u
e
则
没
有
输
入
,
f
a
l
s
e
为
有
输
入
。
f
o
r
m
N
a
m
e
.
error.required 判断是否有输入,为true则没有输入,false为有输入。 formName.
error.required判断是否有输入,为true则没有输入,false为有输入。formName.submited为true是则是提交时验证。
以上的图片实现了输入验证不能为空以及如果提交时为空择显示错误信息,验证不通过。
当很多必填信息没有填的时候提交表单如何让焦点聚焦到第一个没有填完整信息的输入框了,这个就是通过获取form表单中所有的必填输入框信息,判断哪些必填输入框内容为空或者数据无效,让后用focus函数聚焦就OK了。代码如下:
var focusInput = function(formId){
var _elements = $("#"+formId).find(’*[ng-required=“true”]’);
KaTeX parse error: Expected '}', got 'EOF' at end of input: …n(){ if((this).is(’:visible’) && $(this).hasClass(“ng-invalid”)){
$(this).focus();
return false;
}
return true;
});
}