0

Jqueryを使用して、テキストボックスが送信されたらテキストボックスを無効にする必要があり、クリアボタンをクリックすると、テキストボックスの値をクリアして有効にする必要があります。

コード：

<table width="75%">
  <tr>
    <td>
      <h:outputLabel   value="Actual Card Number">
      </h:outputLabel>
     </td>
     <td>
       <h:outputLabel value="Disguised" style="font: 13px/15px Arial,sans-serif!important;">
       </h:outputLabel>

     </td>
  </tr>
  <tr>
    <td>
      <h:inputText id="Actualcard" styleClass="input-text-bx">

      </h:inputText>
    </td>
    <td>
      <h:inputText id="Disguisedcard" styleClass="input-text-bx">

      </h:inputText>
    </td>
  </tr>
  <tr>
  </tr>
  <tr class="field">
    <td>
      <h:commandButton styleClass="input-sub-btn" value="Submit">
      </h:commandButton>
    </td>
    <td align="center">
      <h:commandButton styleClass="input-sub-btn" value="Clear">
      </h:commandButton>
    </td>
  </tr>
  <tr>
  </tr>
</table>
4

4 に答える 4

0

無効にするために必要なのは、その要素 (input、textarea、select、button) に disabled プロパティを追加することだけです。次に例を示します。

<form action="url" method="post">
  <input type="text" class="input-field" value=".input-field">
  <input type="button" class="button-field" value=".input-field">
  <input type="radio" class="radio-button" value=".input-radio">
  <select class="select-box">
    <option value="1">One</option>
  <select class="select-box">
</form>

フォーム要素を無効にして再度有効にする jQuery コード:

// jQuery code to disable
$('.input-field').prop('disabled', true);
$('.button-field').prop('disabled', true);
$('.radio-button').prop('disabled', true);
$('.select-box').prop('disabled', true);

// To enable an element you need to either
// remove the disabled attribute or set it to "false"
// For jQuery versions earlier than 1.6, replace .prop() with .attr()
$('.input-field').prop('disabled', false);
$('.button-field').removeAttr('disabled');
$('.radio-button').prop('disabled', null);
$('.select-box').prop('disabled', false);
于 2013-09-08T05:33:44.507 に答える
0

無効または有効にするすべての要素に同じクラスを適用します

onSubmit :

  $('.className').attr('disabled','true');

オンリセット:

    $('.className').attr('disabled','false');
于 2013-03-21T09:03:04.543 に答える
0

まず、送信 (btnSubmit など) とクリア (btnClear など) ボタンに ID を指定する必要があります。

$(document).ready(function(){
    $('#btnSubmit').click(function(){
        $('input[type="text"]').attr('disabled', 'true');   //disables all textbox
    });

    $('#btnClear').click(function(){
        $('input[type="text"]').val('').removeAttr('disabled');
    });
});
于 2013-03-21T09:23:40.490 に答える
0

次のコードは、必要な動作を行います。

<script>
$(document).ready(function(){

$("[value='Submit']").click(function(event){
//code for Submit
$(".input-text-bx").attr("disabled","disabled"); //disable all text fields.
event.preventDefault();
});


$("[value='Clear']").click(function(event){
//code for Clear
$(".input-text-bx").removeAttr("disabled"); //enable all text fields.
$(".input-text-bx").attr("value",""); //clear all text fields.
event.preventDefault();
});

});
</script>
于 2013-03-21T09:28:53.813 に答える