gpt4 book ai didi

jquery - 当用户开始输入时首先验证表单

转载 作者:行者123 更新时间:2023-12-01 07:42:34 27 4
gpt4 key购买 nike

我正在使用这个jQuery plugin用于表单验证。使用下面发布的当前代码,验证仅在元素上第一次发生失去焦点/模糊事件后开始。

但是,我希望在用户开始输入时首先执行验证。

$(document).ready(function(){
$.validate({"form" : "#testForm"});
});
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/theme-default.min.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<form id="testForm">
<p>
Email
<input name="email" data-validation="email">
</p>
<p>
Username
<input name="user" data-validation="length alphanumeric"
data-validation-length="3-12"
data-validation-error-msg="User name has to be an alphanumeric value (3-12 chars)">
</p>
</form>
</body>
</html>

最佳答案

当用户开始输入时,您需要 keyup 来触发验证:

$('input').on('keyup', function() {
$(this).validate();
});

$(document).ready(function() {
$.validate({
"form": "#testForm"
});
});
<html>

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/theme-default.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form id="testForm">
<p>
Email
<input name="email" data-validation="email">
</p>
<p>
Username
<input name="user" data-validation="length alphanumeric" data-validation-length="3-12" data-validation-error-msg="User name has to be an alphanumeric value (3-12 chars)">
</p>
</form>
</body>

</html>

关于jquery - 当用户开始输入时首先验证表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45319240/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com