主页 / 问题 / 1227286
Accepted
Dan
Asked:2022-01-05 13:14:26 +0000 UTC2022-01-05 13:14:26 +0000 UTC

如何更正确地禁用点击？

  • 772

一个问题。我在网站上有一个功能，在用户输入地址之前，他被禁止点击订单按钮。我通过一个简单的检查为按钮添加了一个类，例如禁用。一切都会好起来的，但是，例如，如果有人知道检查员的基本要素，他可以简单地删除类并冷静地单击按钮。金额相同的情况。最好在那里禁止？MERN 堆栈

веб-программирование

1 个回答

  1. Best Answer

    这个想法是这样的。

    在这种情况下，仅在验证后才将事件分配给按钮。

    let address = document.getElementById("address");
let order = document.getElementById("order");

address.addEventListener("change", ()=>{ 
  if (!address.value) { // добавьте свою валидацию
    order.removeEventListener("click", makeOrder);
    order.disabled = true;
  } else { 
    order.addEventListener("click", makeOrder);
    order.disabled = false;
 }
});

order.disabled = true;

function makeOrder(){
  console.log("Заказать");
}
    <input id="address" type="text">
<button id="order" >Заказать</button>

    • 1

相关问题