Jetbrains PHPstorm 2019.3.3警告我，我有一个重复的jQuery选择器

Question

如何修复有关重复的警告？对于数据库和前端表单上的交互，有没有更好的方法来完成这个过程？还有什么额外的改进可以添加到这项工作中，使其更好地流动吗？

$(document).ready(function() {
function authenticate(mode) {
if (mode === "Login") {
let User_email = $("input#log_User_email").val();
let Password = $("input#log_Password").val();
let error_collector = "";
let $log_response = $("div.box_response p#log_response");
$log_response.html("");
if (User_email.length <= 0)
error_collector += "Please enter a user email.";
if (Password.length <= 0)
error_collector += "Please enter a user password.";
if (error_collector !== "") {
$log_response.html(error_collector);
} else {
$log_response.html("Logging in");
$.ajax({
method: "POST",
url: "Resources/PHP/Processes/UserLogin.php",
data: {
User_email: User_email,
Password: Password
},
success: function(response) {
if (response === "Success") {
window.location = "details.php";
} else {
$log_response.html(response);
$("input#log_Password").val("");
}
}
});
}
}

Answer 1

如何修复重复的此警告错误

希望PHPstorm告诉你哪一个！在这种情况下，您复制的选择器是$("input#log_Password")

let Password = $("input#log_Password").val();
...
$("input#log_Password").val("");

您可以通过在读取密码值的第一个实例中保存选择器的值来消除重复，然后在以后您想要设置值时重用它，即

const $Password = $("input#log_Password");
let Password = $Password.val();
...
$Password.val("");