問題タブ [disabled-input]

最初に入力を無効にしてから、リンクをクリックして有効にする必要があります。

これは私がこれまでに試したことですが、うまくいきません。

HTML:

jQuery:

これは私trueを示していfalseますが、入力には何も変わりません:

フォームが1つあり、入力を無効にしたときにデータを送信したい。
このための方法です。
私のコードは：

ありがとう。

私はjsf 2.1 + primefaces 3.4.1を使用しています。無効化されたコンポーネントの検証を妨げることに問題があります。

私が持っているのはおよそこれです：

デフォルトではinputTextコンポーネントが無効になっており、フォームを送信すると「必要な値」の検証が機能しないという考えです。selectBooleancheckbox コンポーネントをクリックすると、inputText が有効になり、フォームを送信すると「必要な値」の検証も機能します。ただし、inputText を無効にすると、検証は引き続き機能し、「値が必要です」というメッセージが表示され、フォームを送信できません。チェックボックスをクリックすると、サーバー側の JSF UI コンポーネントツリーが適切に更新されないようですが、チェックボックスをクリックするたびに inputText コンポーネントが無効になることが視覚的にわかります。

これを解決する方法はありますか?

私はこのHTML選択コードを持っています：

そのため、値ではなくテキスト名に基づいてオプションのドロップダウンを無効にするのに問題があります。ステータスOFFを含むオプションのみを無効にする必要があります。

StackOverflowに投稿された他の同様の質問からこのjQueryコードを変更しようとしましたが、明らかに間違っています：

どんな助けでも大歓迎です。

テキスト ボックスのスタイルまたは背景を削除して、10 回クリックした後にコンテンツを表示しようとしています。Javascriptでそれを行うにはどうすればよいですか?

ここに私のhtmlがあります:

ここに私のJSがあります：

前の入力に値が入力された後にのみ有効にする無効な要素があります。問題はchange、入力がフォーカスを失い、フォーカスが次の無効でない要素に移動する前にトリガーされるため、disabled属性を削除してもダメです。

HTML:

jQuery:

フィドル

disabledからに変更することでこの問題を克服することができましreadonlyたが、読み取り専用であり、私が好むように無効にされていません。readonly

考慮事項:

• 複数のイベントにサブスクライブすることは、実際には正しくないようです。
• ユーザーは、キーボードをまったく使用せずに、テキストを最初の入力に貼り付けることができます。

"readonly"や"disabled"などのスタンドアロン属性でKnockout の "attr" データ バインディングを使用するための推奨される "ベスト プラクティス" の方法は何ですか?

これらの属性は、通常、属性値を属性名に設定することで有効になるという点で特別です (ただし、多くのブラウザーは、HTML に値を指定せずに単に属性名を含めるだけで問題なく動作します)。

ただし、これらの属性を適用したくない場合は、HTML からそれらを完全に省略するのが一般的な方法です (readonly="false" のようなことを行うのではなく)。

Knockout の「attr」データ バインディングは、このシナリオをサポートしていません。属性名を指定したらすぐに、値も指定する必要があります。

「無効」または「読み取り専用」をオフにするクロスブラウザーの方法はありますか? または、アイテムを無効にしたり読み取り専用にしたりしたくない場合に、何もレンダリングしないために使用できるカスタムバインディングのトリックはありますか?

私が必要とするのは、イベントを発生させる無効な入力です。しかし、Firefox はそれをサポートしていないので、何とかエミュレートしたいと考えています。

これは基本的に、編集を許可せず、キャレットを非表示にすることを意味します。見た目は気にしません。

私はこの CSS が使用されているuser-select: none; のを見てきました: しかし、それは私が望むものではありません - 1) ユーザーはまだ編集できます 2) 選択可能にしたいです。

本当に無効になっている入力を a でオーバーレイし、そのイベントをキャッチするというアプローチは望んでいません。移植性が高くありません。

関連:無効な入力のイベント

デスクトップ ブラウザー (Chrome) では、jQuery 関数を使用して入力フィールドを無効に設定できます inputVar.prop('disabled',true)。これとまったく同じコードは、GS3 電話の Android ブラウザーでは何もしないようです。Android Chrome とデフォルトのブラウザでテストしました。

代替案はありますか？私もこれらを試してみましたが、うまくいきませんでした。

編集 完全なコード

disabled="disabled" 属性を使用して最初に無効になっている input type="checkbox" があります。iOS デバイス (iPad や iPod touch など) では、チェックボックスがグレー表示され無効になっていても、チェックボックスを切り替えることができます。

disabled プロパティと disabled 属性を使用してみましたが、チェックボックスで問題が発生します。

iOS デバイスでのこの問題の修正について何か考えはありますか?