jQuery data-action = кнопка «сохранить», не публикуемая для определенных браузеров

Question

jQuery data-action = кнопка «сохранить», не публикуемая для определенных браузеров

0

У меня есть форма, которая фиксирует подпись и отправляет ее в действие контроллера mvc4. Он отлично работает на IE, но не на Chrome, а на некоторых мобильных устройствах. Любые идеи, почему это не сообщение, или отправить форму на некоторых устройствах?

Здесь соответствующий код:

<form action="/Capture/Save" id="formSig" method="post">
    ...
    <button id="btnSave" class="button save" data-action="save" 
       onclick="return SaveButton_Click();">Save</button>
</form> 

<script type="text/javascript">
    function SaveButton_Click() {
        $("#btnSave").attr('disabled', 'disabled');
        return true;
    }
</script>

Rick Ratayczak 28 апр. 2014, в 21:27

Источник

0

type="submit" может помочь.
tymeJV 28 апр. 2014, в 19:24
0

@tymeJV Совершенно возможно использовать <button> вместо <input type="submit"> для отправки HTML-формы.
Blazemonger 28 апр. 2014, в 19:27
0

Пожалуйста, уточните, что именно «не работает» в вашем коде.
Blazemonger 28 апр. 2014, в 19:29
0

Не отправляет форму. Я редактировал вопрос.
Rick Ratayczak 28 апр. 2014, в 19:32

Показать ещё 2 комментария

Теги:

jquery

html5

1 ответ

Ещё вопросы

@tymeJV Совершенно возможно использовать <button> вместо <input type="submit"> для отправки HTML-формы.
Пожалуйста, уточните, что именно «не работает» в вашем коде.
Не отправляет форму. Я редактировал вопрос.

Kevin B · Accepted Answer · 2014-04-28T17-37-00.000Z

Отключив кнопку, вы фактически отменяете событие отправки сообщения (это проверено только в хроме, 1 отрицательный результат для меня достаточно). Вместо этого вы должны использовать событие отправки, чтобы отключить кнопку.

http://jsfiddle.net/7D7zj/

<form action="javascript:alert('Hello World!')" onsubmit="return FormSig_Submit()" id="formSig" method="post">
    ...
    <button id="btnSave" class="button save" data-action="save">Save</button>
</form>

<script>
    function FormSig_Submit() {
        $("#btnSave").attr('disabled', 'disabled');
        return true;
    }
</script>

Было бы также лучше (на мой взгляд) не использовать встроенные события и .prop вместо .attr.

<form action="javascript:alert('Hello World!')" id="formSig" method="post">
    ...
    <button id="btnSave" class="button save" data-action="save">Save</button>
</form>

<script>
    $(document).ready(function(){
        $("#formSig").submit(function(){
            //$("#btnSave").attr('disabled', 'disabled');
            $("#btnSave").prop('disabled', true);
        });
    });
</script>

Я подставил предупреждение для вашего действия с формой, чтобы оно работало в скрипке и т. Д.