Javascript JQuery，当一个函数转到另一个输入（或在当前输入之外单击）时，如何调用该函数？
当用户在输入1之外单击时，我想将“has error”类（如果需要）添加到输入1，或者按tab键转到输入2，以下是我现在的代码：Javascript JQuery，当一个函数转到另一个输入（或在当前输入之外单击）时，如何调用该函数？,javascript,jquery,Javascript,Jquery,当用户在输入1之外单击时，我想将“has error”类（如果需要）添加到输入1，或者按tab键转到输入2，以下是我现在的代码： <!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> <meta input1="viewport" content="width=device-width, initial-
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta input1="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form method="post">
<div class="form-group form-inline">
<span class="input1"><input type="text" id="input1" name="input1" class="form-control" placeholder="input1"/></span>
<span class="input2"><input type="text" id="input2" name="input2" class="form-control" placeholder="input2"/></span>
</div>
</form>
</body>
</html>
从描述来看，似乎捕捉“模糊”事件就足够了；该事件将在每次输入失去焦点时触发：
$( "#target" ).blur(function() {
alert( "Handler for .blur() called." );
});
blur函数validateName（名称）{
变量re=/^[A-Za-z-êêêê]*$/；
返回重新测试（名称）；
}
$（“#input1”）.on（'blur'，function（）{
var$parentSpan=$（this）.closest（'span'）；
if（validateName（$（this.val（）））{
$parentSpan.removeClass（“有错误”）；
$parentSpan.addClass（“已成功”）；
}否则{
$parentSpan.removeClass（“已成功”）；
$parentSpan.addClass（“有错误”）；
}
});
。已成功输入{
边框：1px纯绿色；
}
.输入错误{
边框：1px纯红；
}
@ChrisG很棒，没想到会这么简单
$( "#target" ).blur(function() {
alert( "Handler for .blur() called." );
});