0

数値キーパッドを使用して値を POST に戻します。入力フィールドが空のままで、ユーザーが「注文」ボタンをクリックすると、「webiste を表示できません」というエラーが表示されます。

入力フィールドに値が入力されるまで「注文」ボタンを無効にしたいと考えています。

助けていただければ幸いです：

     <table class="ui-bar-a" id="n_keypad" style="float: right;">
        <tr>
           <td><a data-role="button" data-theme="b" class="numero">7</a></td>
           <td><a data-role="button" data-theme="b" class="numero">8</a></td>
           <td><a data-role="button" data-theme="b" class="numero">9</a></td>
           <td><a data-role="button" data-theme="e" class="del">Del</a></td>
        </tr>
        <tr>
           <td><a data-role="button" data-theme="b" class="numero">4</a></td>
           <td><a data-role="button" data-theme="b" class="numero">5</a></td>
           <td><a data-role="button" data-theme="b" class="numero">6</a></td>
           <td><a data-role="button" data-theme="e" class="clear">Clear</a></td>
        </tr>
        <tr>
           <td><a data-role="button" data-theme="b" class="numero">1</a></td>
           <td><a data-role="button" data-theme="b" class="numero">2</a></td>
           <td><a data-role="button" data-theme="b" class="numero">3</a></td>
           <td><a data-role="button" data-theme="e" class="switch">+/-</a></td>
        </tr>
        <tr>
           <td><a data-role="button" data-theme="e" class="neg">-</a></td>
           <td><a data-role="button" data-theme="b" class="zero">0</a></td>
           <td><a data-role="button" data-theme="e" class="pos">+</a></td>
           <td></td>
        </tr>
    </table>

    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />

    <p><button type="submit" name="command" value="Save" style="float: right;">Order</button></p>

</fieldset>
}

        <script>
        $(document).ready(function () {
            $('.numero').click(function () {
                if (!isNaN($('#myInput').val())) {
                    if (parseInt($('#myInput').val()) == 0) {
                        $('#myInput').val($(this).text());
                    } else {
                        $('#myInput').val($('#myInput').val() + $(this).text());
                    }
                }
            });
            $('.neg').click(function () {
                if (!isNaN($('#myInput').val()) && $('#myInput').val().length > 0) {
                        $('#myInput').val(parseInt($('#myInput').val()) - 1);
                }
            });
            $('.pos').click(function () {
                if (!isNaN($('#myInput').val()) && $('#myInput').val().length > 0) {
                    $('#myInput').val(parseInt($('#myInput').val()) + 1);
                }
            });
            $('.del').click(function () {
                $('#myInput').val($('#myInput').val().substring(0, $('#myInput').val().length - 1));
            });
            $('.clear').click(function () {
                $('#myInput').val('');
            });
            $('.zero').click(function () {
                if (!isNaN($('#myInput').val())) {
                    if (parseInt($('#myInput').val()) != 0) {
                        $('#myInput').val($('#myInput').val() + $(this).text());
                    }
                }
            });
            $('.switch').click(function () {
                var $input = $('#myInput');
                $input.val() != "" && !isNaN($input.val()) && $input.val(-$input.val());
            });
        });
    </script>
4

1 に答える 1

1

注文ボタンに ID を指定し、入力値を変更して有効にする場合:

$("#order-button").removeAttr('disabled');

再度無効にするには、次を使用します。

$("#order-button").attr('disabled', 'disabled');

また、サーバー側の検証は常に良いバックアップです

于 2013-10-01T10:41:13.773 に答える