首页 > 解决方案 > onBlur 上的客户端验证

问题描述

因此,让浏览器在按下提交时验证输入字段很好,但是当用户离开输入字段时是否可以立即验证输入字段?

我正在考虑调用在输入字段的 onBlur 上的提交按钮上调用的相同验证函数,但我不知道这是可能的。

编辑:也许问题不清楚。我知道我可以在 JS 函数中进行自己的验证,但这是关于浏览器所做的验证。假设我有一个 type="email" 的输入字段。我写abc@.com并按提交。然后浏览器将验证输入并提示我电子邮件无效并且需要域的错误。我希望在离开输入字段时出现此警告。

所以总结一下,我想调用浏览器使用的验证——不是我自己的。

标签: htmlvalidation

解决方案


像这样使用javascript函数

<input type="text" id="sample-text" onblur="myFunction()">

或者使用 jQuery 作为

$(document).off("blur","#sample-text").on("blur","#sample-text", function(){
    //Call your function here or write validation logic here
})

推荐阅读