Скрытые переменные отправляются в строке запроса

Question

Я строю форму в Shopify. При нажатии кнопки я вызываю функцию JavaScript, которая берет некоторые поля, устанавливает их в скрытые переменные и затем отправляет форму ... вот несколько фрагментов.

<input type="button" name="next" onclick="javascript:validate(); return false;" class="btn" value="Next">

function validate(){ 
 var xv  = $( "#x" ).val();
 var hd = $("<input>").attr("type", "hidden").attr("name", "hx[aa]").attr("id", "hx[aa]").val("xv");
 $('#myForm').append(hd);
 $("#myForm").submit();
}

Метод form настроен на отправку, но когда происходит отправка, я вижу hx[aa] в строке запроса.

?hx[aa]=12345

У меня такое ощущение, что это не имеет ничего общего с Shopify, но что-то еще, что мне не хватает. Любая помощь очень ценится. Благодаря.

Answer 1

Убедитесь, что ваша форма имеет атрибут method со значением, равным post

<form method="post" id="myForm">
  <input type="button" name="next" onclick="javascript:validate(); return false;" class="btn" value="Next">
</form>