最初のフィールドが最初に入力されていない場合は、中名フィールドを無効にする作業をしています。私は、jQuery Mobileアプリケーションでこれを無効にする次のコードを持っていますが、ファーストネームフィールドが空白で、最初のフィールドが記入されている場合はミドルネームフィールドがグレー表示のままであっても、入力は引き続きテキストを追加できます。どんな助けでも大歓迎です。ありがとう!前のフィールドが空白の場合にテキスト入力フィールドを無効にしようとしています
HTML:
<form id="search-form" name="search-form" method="post">
<div class="formBox">
<div data-role="fieldcontain">
<label for="firstName">First Name</label><br/>
<input type="text" name="firstname" id="firstNameCriteria" value="" />
</div>
<div data-role="fieldcontain">
<label for="middleName">Middle Name</label><br/>
<input type="text" name="middleName" id="middleNameCriteria" value="" />
</div>
<div data-role="fieldcontain">
<label for="lastName">Last Name <span class="required">(Required - Must be exact match)</span></label><br/>
<input type="text" name="lastname" id="lastNameCriteria" value="" />
</div>
</div>
</div>
</form>
JS:
$('#firstNameCriteria').each(function() {
if ($(this).val() == '') {
$('#middleNameCriteria').addClass('ui-disabled');
$('#middleNameCriteria').disable('input');
} else {
$('#middleNameCriteria').removeClass('ui-disabled');
}
});
これはJasper BUTのページロード時に動作しますが、入力は無効になっていません。そこで私は先に進み、class = 'ui-disabled'を入力に追加することで、ページの読み込み時にミドルネームを無効にしました。本当にありがとう!私はあなたが今提供したリンクを読み上げるつもりです:) – tjoenz
助けてくれてうれしいです。 – Jasper