Отправить вход не работает в Google Chrome

Question

Строка кода $input.submit() не работает, я хочу отправить ключ для ввода на входе. В Mozilla Firefox он работает, Google Chrome не работает.

Я работаю MODx minishop2

<div class="number"> 
    <form method="post" class="ms2_form form-inline" role="form"> 
      <input type="hidden" name="key" value="[[+key]]" /> 
      <div class="form-group"> 
       <span class="minus" id="minus[[+id]]"></span> 
       <input type="text" name="count" value="[[+count]]" max-legth="4" id="count[[+id]]" /> 

        <button class="btn btn-default" type="submit" name="ms2_action" value="cart/change"><i class="glyphicon glyphicon-refresh"></i></button> 
        <span class="plus"></span> 
       </div> 
      </form> 
     </div> 

JQuery 1.11.1

$('.minus').click(function() { 
    var $input = $(this).parent().find('input'); 
    var count = parseInt($input.val()) - 1; 
    count = count < 1 ? 1 : count; 
    $input.val(count); 
    $input.change(); 
    $input.submit(); 
    return false; 
}); 
$('.plus').click(function() { 
    var $input = $(this).parent().find('input'); 
    $input.val(parseInt($input.val()) + 1); 
    $input.change(); 
    $input.submit(); 
    return false; 
}); 

оповещения ($ вход); return null в Google Chrome

Answer 1

JQuery .submit()can only be attached to <form> elements.
Он принимает всю информацию о форме и отправляет ее указанному атрибуту action через метод HTTP, указанный в атрибуте method.

Как это:

<form action="my-url.html" method="POST"> 

Таким образом, предлагаемый код может быть:

<form action="my-url.html" method="POST"> 
    <div class="form-group"> 
     <span class="minus"></span> 
     <input name="count" value="3" max-legth="4" type="text"> 
     <span class="plus"></span> 
    </div> 
</form> 

$('.plus').click(function() { 
    var $input = $(this).parent().find('input'); 
    $input.val(parseInt($input.val()) + 1); 
    $input.change(); 
    $input.closest('form').submit(); 
    return false; 
});