模式属性验证html输入中输入的文本的频率

模式属性验证html输入中输入的文本的频率,html,regex,onchange,keyup,Html,Regex,Onchange,Keyup,当我使用模式进行输入字段验证时,验证值的频率。我想知道它是否会在(keyup)或(change)上验证 例如: <input type="email" [(ngModel)]="emailAddress" name="emailAddress" data-toggle="tooltip" title="{{emailAddress}}" #email=

当我使用模式进行输入字段验证时,验证值的频率。我想知道它是否会在(keyup)或(change)上验证

例如:

<input type="email" [(ngModel)]="emailAddress" name="emailAddress" data-toggle="tooltip"
                    title="{{emailAddress}}" #email="ngModel" multiple
                    pattern="^(([a-zA-Z0-9_,.]*@*\w+([-+.']\w+)*\w+([-.]\w+)*\.\w+([-.]\w+)*)*([' '])*)*$"
                    class="form-control" />


我想知道我输入的文本是否会在每次击键时得到验证?

只有在提交表单时,或者当您在
输入
标记上按enter键时,才会检查模式属性,因此您可能只会在
输入
键的笔划上说

如果您希望在每次
按键
按键
一次更改
时对其进行验证,您可以设置相应的属性以验证输入,如下所示:

<input keyup="validate(this)" />

...

<script>
function validate(x)
{
    regex = /[a-zA-Z0-9]+/;
    window.alert(x.value.match(regex) == null);
}
</script>

...
函数验证(x)
{
正则表达式=/[a-zA-Z0-9]+/;
window.alert(x.value.match(regex)==null);
}

如果我正确理解您的问题,您正在尝试检查“实时”输入的值

在这种情况下,您可以使用
input
事件来更改值

//在输入后添加错误消息元素。
$('input_email')。在('Please write your message error here!')之后
$('input'u email')。on('input',函数(evt){
变量$regex=/^([a-zA-Z0-9,.]*@*\w+([-+.]\w+*\w+([-.]\w+*\).\w+([-.]\w+)*([''])*$/;
var值=evt.target.value;
如果(value.length==0){
evt.target.className=“”
返回
}
var结果=value.match($regex);
如果(结果){
evt.target.className='valid'
}否则{
evt.target.className='无效'
}
})
input.invalid+。错误消息{
显示:首字母;
}
.错误消息{
显示:无;
}


谢谢Robo Mop,,,我只想知道它的行为,我不想在每次击键/更改时验证它。因此,只有在提交表单/输入键时,才会验证该值。感谢您的回复我不想实时检查值,我只想知道模式何时会根据值进行验证(如输入/提交时)@Robo Mop回答了我的问题。谢谢你的回复