1

フォームの送信が成功した場合、ボタンの動作を変更するにはどうすればよいですか?

<form method="post" enctype="multipart/form-data" style="margin: 0;" id="frmGenerate">
    <div class="clearfix">
        <div class="input-group">
            <input type="text" placeholder="Customer Name:" name="CustomerName">
            <input type="text" placeholder="Generated Url:" name="CustomerUrl" readonly="readonly" />
        </div>
     </div>
     <div class="clearfix">
         <div class="input-group">
             <button type="submit" class="btn">Generate</button>
         </div>
     </div>
 </form>

そして、ここに私のJSコードがあります:

 $('#frmGenerate').submit(function(e) {
        var clientName = $(this).find('input[name="CustomerName"]').val();
        $.ajax(
            {
                url: '@Url.Action("GenerateToken","Admin")',
                type: 'GET',
                data: { customerName: clientName },
                success: function(response) {
                    if (response.result) {
                        $('#frmGenerate').find('input[name="CustomerUrl"]').val(response.message).select();
                        $('#frmGenerate').find('button.btn').text('Close');
                    } else {
                        alert(response.message);
                    }
                }
            });
        e.preventDefault();
    });

これは、トークンを生成するために開くモーダル ウィンドウです。正常に生成されたら、生成されたトークンをモーダル入力に設定し、ボタンのテキストを閉じるように変更しますが、ボタンの動作を変更する方法がわかりません。

4

4 に答える 4

1

より良いアプローチは、既存のボタンを変更するのではなく、非表示にして別のボタンを表示することです。

HTML:

<div class="clearfix">
    <div class="input-group">
        <button type="submit" class="btn">Generate</button>
        <button type="button" class="btn btn-close hide">Close</button>
    </div>
</div>

JS:

$('#frmGenerate').find('.btn').hide();
$('#frmGenerate').find('.btn-close').show();
于 2014-07-22T11:11:44.293 に答える
0

使用しているボタンの種類によって異なります。ボタンは次のように使用する必要があります<button></button>。<button/>

そして、次を使用します。

 $(".btn").html('Close');
于 2014-07-22T11:11:22.187 に答える