タグ付けされた質問 「forms」

jqueryを使用してフォームを検証したいのですがID、asp.net mvcのフォームに追加する方法のプロパティがありません。私はこれを使っています... <% using (Html.BeginForm()) {%> そして私のjqueryバリデータープラグインはこれを取ります、 var validator = $("#signupform").validate({ 今私はIDを与えたいsignupform...どんな提案...

210 jquery  asp.net-mvc  forms 

すべてのデフォルト入力では、入力するテキストは左側から始まります。どのように右側から始めますか？

208 html  css  forms  html-input 

jQueryを使用して、選択メニューでオプションが選択されているかどうかを確認し、選択されていない場合は、選択されているオプションの1つを割り当てます。 （selectは、継承したアプリのPHP関数の迷路を使用して生成されるので、これを理解するための簡単な修正です:)

207 javascript  jquery  forms  dom  html-select 

ページに次のJavaScriptがあり、動作していないようです。 $('form').bind("keypress", function(e) { if (e.keyCode == 13) { e.preventDefault(); return false; } }); 入力時のフォームの送信を無効にしたいのですが、さらに良いことに、私のajaxフォームの送信を呼び出します。どちらの解決策でも問題ありませんが、上記のコードでフォームの送信が妨げられることはありません。

207 javascript  jquery  forms  form-submit 

フォームの送信を停止する1つの方法は、JavaScript関数からfalseを返すことです。 送信ボタンがクリックされると、検証関数が呼び出されます。フォーム検証のケースがあります。その条件が満たされた場合、returnToPreviousPage（）という名前の関数を呼び出します。 function returnToPreviousPage() { window.history.back(); } JavaScriptとDojo Toolkitを使用しています。 前のページに戻るのではなく、フォームを送信します。この送信を中止して前のページに戻るにはどうすればよいですか？

206 javascript  html  forms 

inputtype file要素のHTMLに対してユーザーが行ったすべてのファイル選択を検出する可能性はありますか？ これは以前に何度も尋ねられましたが、通常提案された onchange、ユーザーが同じファイルを再度選択した場合、イベントは発生しません。

204 javascript  html  forms  dom-events 

2つのフォームを想定したテンプレートページがあります。1つのフォームのみを使用する場合、この典型的な例のように問題はありません。 if request.method == 'POST': form = AuthorForm(request.POST,) if form.is_valid(): form.save() # do something. else: form = AuthorForm() ただし、複数のフォームを操作したい場合は、フォームの1つだけを送信し、他のフォームは送信しないことをビューに通知するにはどうすればよいですか（つまり、request.POSTのままですが、送信したフォームのみを処理します）起こりました）？ これは、expectedphraseとbannedphraseがさまざまなフォームの送信ボタンの名前で、expectedphraseformとbannedphraseformがフォームであるという回答に基づくソリューションです。 if request.method == 'POST': if 'bannedphrase' in request.POST: bannedphraseform = BannedPhraseForm(request.POST, prefix='banned') if bannedphraseform.is_valid(): bannedphraseform.save() expectedphraseform = ExpectedPhraseForm(prefix='expected') elif 'expectedphrase' in request.POST: expectedphraseform = ExpectedPhraseForm(request.POST, prefix='expected') if expectedphraseform.is_valid(): expectedphraseform.save() bannedphraseform …

202 python  django  forms 

自家製のクラスなしで、このようなフォーム（以下のリンクを参照）をTwitterブートストラップでデザインする最良の方法は何ですか？ 次の例のように、form-horizo​​ntalの内部にinner form-inlineを設定することは可能ですか？

200 html  forms  twitter-bootstrap 

XHTMLはネストされたフォームタグをサポートしていないことを知っており、この件に関してStack Overflowで他の回答をすでに読んでいますが、問題に対するエレガントな解決策はまだわかりません。 一部の人は、あなたはそれを必要とせず、これが必要とされるシナリオを考えることができないと言います。まあ、個人的には必要のないシナリオは思いつきません。 非常に簡単な例を見てみましょう： あなたはブログアプリを作成していて、新しい投稿を作成するためのいくつかのフィールドと、「保存」、「削除」、「キャンセル」などの「アクション」を備えたツールバーを持つフォームがあります。 <form action="/post/dispatch/too_bad_the_action_url_is_in_the_form_tag_even_though_conceptually_every_submit_button_inside_it_may_need_to_post_to_a_diffent_distinct_url" method="post"> <input type="text" name="foo" /> <!-- several of those here --> <div id="toolbar"> <input type="submit" name="save" value="Save" /> <input type="submit" name="delete" value="Delete" /> <a href="/home/index">Cancel</a> </div> </form> 私たちの目的は、JavaScriptを必要としない方法でフォームを記述することです。単純な古いHTMLフォームと送信ボタンだけです。 アクションURLは、個々の送信ボタンではなくFormタグで定義されているため、唯一のオプションは、汎用URLに投稿し、「if ... then ... else」を開始して、ボタンの名前を決定することです。提出されました。あまりエレガントではありませんが、JavaScriptに依存したくないため、唯一の選択肢です。 唯一の問題は、「削除」を押すと、このアクションに必要なのはpost-idの非表示入力だけであるにもかかわらず、サーバー上のすべてのフォームフィールドが送信されることです。この小さな例ではそれほど重要ではありませんが、私のLOBアプリケーションには何百もの（いわば）フィールドとタブがあり、（要件のため）一度にすべてを送信する必要があり、いずれにしてもこれは非常に非効率的ですそして廃棄物。フォームのネストがサポートされている場合、少なくとも「削除」送信ボタンを、フォームの内部にpost-idフィールドのみでラップできます。 「送信ではなく、リンクとして「削除」を実装するだけ」と言うことができます。これは多くのレベルで間違っていますが、最も重要なのは、ここでの「削除」のような副作用アクションは決してGETリクエストであってはならないためです。 だから私の質問（特に、フォームの入れ子は必要ないと言っている人たちへの質問）は、あなたは何をしますか？私が見逃しているエレガントな解決策はありますか、それとも最終的には「JavaScriptが必要か、すべてを送信するか」です。

199 html  forms  nested 

特定のユースケースでは、単一のフォームを「古い方法」で送信する必要があります。つまり、action = ""のフォームを使用しています。応答はストリーミングされるため、ページを再読み込みしません。典型的なAngularJSアプリはそのようにフォームを送信しないことを私は完全に認識していますが、今のところ他に選択肢はありません。 とはいえ、Angularからいくつかの非表示フィールドを設定しようとしました： <input type="hidden" name="someData" ng-model="data" /> {{data}} データの正しい値が表示されていることに注意してください。 フォームは標準フォームのように見えます： <form id="aaa" name="aaa" action="/reports/aaa.html" method="post"> ... <input type="submit" value="Export" /> </form> [送信]をクリックすると、サーバーに値が送信されません。入力フィールドをタイプ「テキスト」に変更すると、期待どおりに機能します。私の想定では、非表示フィールドは実際には入力されていませんが、テキストフィールドは実際には双方向バインディングのために表示されます。 AngularJSが入力した非表示フィールドを送信する方法はありますか？

192 javascript  forms  angularjs 

input type="date"今回もFirefoxでまだサポートされていないのは奇妙です。実際、私はそれらがinput要素にHTML 5の新しいタイプの多く（もしあれば）を追加したとは思いません。IE10でサポートされていないのも当然です。だから、私の質問は... IEおよびFirefoxブラウザーのみのカレンダー/日付を取得するために、.jsファイル（つまり、DatePickerウィジェット）を追加せずに要素を機能type="date"させる方法は？FirefoxやIEブラウザでこの機能がデフォルトで機能するようにするために、どこかに適用できる何か（CDNか？）はありますか？IE 8以上のブラウザーとFirefoxをターゲットにすることは問題ではありませんが、最新バージョン（28.0）で問題ありません。inputjQueryUI 更新：Firefox 57以降は入力タイプ=日付をサポートしています

191 html  forms  jquery-ui  internet-explorer  firefox 

フィールドが正しく入力されているかどうかを尋ねる警告のある単純なフォームの場合、これを行う関数が必要です。 次の2つのオプションでボタンがクリックされたときに警告ボックスを表示します。 「OK」をクリックすると、フォームが送信されます キャンセルをクリックすると、警告ボックスが閉じ、フォームを調整して再送信できます JavaScriptの確認が機能すると思いますが、どうすればいいのかわかりません。 私が今持っているコードは： function show_alert() { alert("xxxxxx"); } <form> <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();" alt="PayPal - The safer, easier way to pay online!" value="Submit"> </form> コードスニペットを実行する結果を非表示スニペットを展開

183 javascript  html  forms  submit  confirm 

マークアップの何が問題なのかわかりませんが、テキスト領域のプレースホルダーが表示されません。空白やタブで覆われているようです。テキスト領域にフォーカスし、カーソルが置かれた場所から削除してテキスト領域を離れると、適切なプレースホルダーが表示されます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <form action="message.php" method="post" id="message_form"> <fieldset> <input type="email" name="email" id="email" title="Email address" maxlength="40" placeholder="Email Address" autocomplete="off" required /> <br /> <input type="text" name="subject" id="subject" title="Subject" maxlength="60" placeholder="Subject" autocomplete="off" required /> <br /> <textarea name="message" id="message" title="Message" cols="30" rows="5" maxlength="100" …

183 jquery  forms  html  textarea  placeholder 

複数のボタンを使用するHTMLフォームがあります。問題は、どのボタンをクリックしても、ボタンのタイプが「送信」でなくてもフォームが送信されることです。例：ボタンのような：<button>Click to do something</button>、フォームの送信になります。 e.preventDefault()これらのボタンを1つずつ実行するのは非常に困難です。 jQueryとjQuery UIを使用していますが、ウェブサイトはHTML5です。 この自動動作を無効にする方法はありますか？

180 javascript  html  button  form-submit  forms 

私が持っているselect私は、ユーザーの値を変更することはできませんとして、「読み取り専用」としてマークすることをフォームフィールドを、その値は、まだフォームで送信されます。disabled属性を使用すると、ユーザーは値を変更できなくなりますが、フォームで値を送信しません。 readonly属性は、のためにのみ利用可能であるinputとtextareaフィールドが、それは私が欲しいものは基本的です。それを機能させる方法はありますか？ 私が検討している2つの可能性は次のとおりです。 を無効にする代わりにselect、すべてのを無効にし、optionCSSを使用して選択をグレー表示して、無効になっているように見せます。 フォームを送信する前に無効になっているすべてのドロップダウンメニューを有効にするように、送信ボタンにクリックイベントハンドラーを追加します。

180 javascript  html  css  forms  html-select