Изменить текст кнопки отправки при нажатии OKAY во всплывающем окне с предупреждением - PullRequest
0 голосов
/ 26 февраля 2019

У меня есть система корзины покупок, в которой клиент может принимать заказы и проверять, есть ли у них что-либо в корзине, но не может продолжить работу, если в ней ничего нет.

При нажатии кнопки появляется предупреждениена кнопку Отправить.У меня есть этот javascript для этого.

function validateForm()
{
var x=document.forms["form1"]["total"].value;
if (x==null || x=="")
  {
  alert("Take your order first.");
  return false;
  }
var con = confirm("Are you sure you want to order this item/s?");
if (con ==false)
{
return false;
}
}

Как я могу изменить текст кнопки отправки, когда на всплывающем сообщении нажимается Okay ?Вместо «Добавить заказ» я хочу изменить его на «Обновить заказ», когда клиент однажды добавил свой заказ.

Ответы [ 2 ]

0 голосов
/ 26 февраля 2019

Вы имеете в виду это?

document.getElementById("myForm").addEventListener("submit",function(e) {
  var x = this.total.value.trim(), sure = false;
  if (this.subBut.value=="Update order" && x !=="") return true;
  e.preventDefault();
  if (x == "") {
    alert("Please take your order first.");
  }
  else sure =  confirm("Are you sure you want to order this item/s?");
  if (sure) {
    this.subBut.value="Update order";
  }
  return sure;
});
<form id="myForm">
<input type="text" name="total" value="" />
<input type="submit" name="subBut" value="Add order" />
</form>
0 голосов
/ 26 февраля 2019

Конечно, это не лучшее решение, потому что мы не можем увидеть весь код, но если я вас правильно понимаю,

function validateForm(){
    var x=document.forms["form1"]["total"].value;
    if (x==null || x==""){
        alert("Take your order first.");
        return false;
    }
    var con = confirm("Are you sure you want to order this item/s?");
    if (con ==false){
        return false;
    } else {
        var submittBtn = document.forms["form1"][your_button_name];
        submittBtn.txt = "Update order"; 
    }
}

Обратите внимание, когда вы сбрасываете форму или клиент удаляет свой заказ, вам нужно изменитькнопка возврата текста.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...