可以使用Angular的input提供器,以对使用正则表达式的ng模型进行指定。在此过程中,我们可以为我们的输入模型添加一个标签,然后在它的上方添加一个span,以显示模型是否有效。
HTML代码:
只能输入1-10之间的数字!
在上面的代码中,ng-pattern可以与与正则表达式进行验证,以确保输入的数字是否介于1至10之间。如果输入的数字不是1-10,那么span会显示一个错误消息。
使用了AngularJS的ng-form,这样可以保证如果模型验证出错,我们可以为这个实例动态提供消息。这些错误可以直接在视图中反映出来。