提交输入无法在Google Chrome中使用

时间:2017-02-11 13:22:58

标签: jquery google-chrome modx

代码行$input.submit()无法正常工作,我想发送密钥以输入输入。在Mozilla Firefox中,它可以运行,谷歌浏览器无法正常工作。

我工作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;
});

警报($输入);在Google Chrome中返回null

1 个答案:

答案 0 :(得分:1)

Jquery&#39; .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;
});