Javascript Node.js-jquery代码忽略输入必需属性

jquery函数将忽略添加到输入中的必需属性而运行。只有在完成POST请求后，才会弹出所需的警告

索引把手

<form method="POST">
     <label for="burgerName">Nome do Burger:</label>
     <br>
     <input type="text" name="burgerName" placeholder="Nome do Burger" class="form-control">

     <button type="submit" id="add" class="btn btn-primary mt-4">Adicionar Burger</button>
</form>

我需要防止空数据到达服务器所需的限制，因此，为了实现这一点，我需要在发出请求之前激活此限制

先谢谢你

---

这是你在评论中提出的问题

在这里，我将边框添加到输入中，用输入的类替换someclass，或者如果它的id为someid

$("button[id='add']").on("click", (event) => {
    $("button[id='add']").attr("disabled","disabled")

    const burgerName = $("input[name='burgerName']").val();
    if (burgerName == ""){
    $(".someclass").css("border","1px solid red");
    }
    else {
    $(".someclass").css("border","1px solid green");
    }
    const burger = {
        bName: burgerName
    }

您还可以添加类或移除类，并为特定类指定红色或绿色或任何样式

$(".someclass").addClass("warning");

或

---

将整个ajax放入if语句中。如果汉堡null或类似的内容我希望我能正确显示样式化的必需警告，以及我为您关于此评论的问题添加了答案三部曲编码训练营作业？：谢谢你的努力，但它保持不变。单击add按钮后，is发出PUT请求，然后运行addBurgerSuccessburger函数中的警报消息。只有在关闭警报后，才会显示我所需的警报，现在也会显示你的css。我宁愿保留所需的默认警告，因为这是我正在使用的模式。谢谢。我理解，但是当你需要阻止你的程序在输入中没有任何内容的情况下发布时。你想如何访问addburgersuccess或fail函数并查看css？你是对的，我只需要一个简单的条件，如X！=。这对我来说没有任何意义，因为我已经按照要求定义了输入。我认为jquery尊重这一点就足够了。非常感谢。

$(".someclass").addClass("warning");

$(".someclass").removeClass("warning");