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

Angular 2で動的フォームを実装しようとしています。動的フォームに削除やキャンセルなどの機能を追加しました。私はこのドキュメントに従いました：https : //angular.io/docs/ts/latest/cookbook/dynamic-form.html コードに変更を加えました。ここでエラーが発生します。 このエラーを解消するにはどうすればよいですか？ 完全なコードはhttp://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=previewにあります。これは、plunkerでは機能しますが、ローカルシステムでは機能しません。 HTMLコード： <div> <form [formGroup]="form"> <div *ngFor="let question of questions" class="form-row"> <label [attr.for]="question.key">{{question.label}}</label> <div [ngSwitch]="question.controlType"> <input *ngSwitchCase="'textbox'" [formControlName]="question.key" [id]="question.key" [type]="question.type" [(ngModel)]="question.value"> <select [id]="question.key" [(ngModel)]="question.value" *ngSwitchCase="'dropdown'" [formControlName]="question.key" > <option *ngFor="let opt of question.options" [ngValue]="opt.key" >{{opt.value}}</option> </select> <input *ngSwitchCase="'checkbox'" [(ngModel)]="question.value" [id]="question.key" [type]="question.type" (change)="question.value = ck.checked" #ck …

178 forms  angular  angular2-template  angular2-forms 

次のような形式でオプションを作成したい [] I would like to order a [selectbox with pizza] pizza ここで、チェックボックスがオンの場合にのみ選択ボックスが有効になり、オフの場合は無効になります。 私はこのコードを思いつきます： <form> <input type="checkbox" id="pizza" name="pizza" value="yes"> <label for="pizza"> I would like to order a</label> <select name="pizza_kind"> <option>(choose one)</option> <option value="margaritha">Margaritha</option> <option value="hawai">Hawai</option> </select> pizza. </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script> <script> var update_pizza = function () { if …

178 jquery  html  forms 

jqueryを使用してフォームが送信されないようにするにはどうすればよいですか？ 私はすべてを試しました-以下で試した3つの異なるオプションを参照してください。ただし、すべてが機能しません。 $(document).ready(function() { //option A $("#form").submit(function(e){ e.preventDefault(); }); //option B $("#form").submit(function(e){ stopEvent(e); }); //option C $("#form").submit(function(){ return false; }); }); 何が悪いのでしょうか？ 更新-ここに私のhtmlがあります： <form id="form" class="form" action="page2.php" method="post"> <!-- tags in the form --> <p class="class2"> <input type="submit" value="Okay!" /> </p> </form> ここで何か問題はありますか？

177 jquery  forms 

HTMLフォームでPUTメソッドを使用して、フォームからサーバーにデータを送信できますか？

175 html  forms  http 

私は私のようなフォームを持っています： <form name="myForm"> <input name="myText" type="text" ng-model="mytext" required /> <button disabled="{{ myForm.$invalid }}">Save</button> </form> ご覧のとおり、入力が空の場合、ボタンは無効になりますが、テキストが含まれている場合、ボタンは有効に戻りません。どうすれば機能させることができますか？

174 forms  angularjs  button  disabled-control 

Ruby on Rails 3（現在Beta 4を使用）では、form_tagまたはform_forヘルパーを使用する_snowmanと、when（Unicode \ x9731）の値で名前が付けられた非表示フィールドが表示されることがわかります。 それで、これは何のためですか？

174 ruby-on-rails  forms  unicode 

これは私を混乱させています、私は銃の下にあり、これに丸一日を費やす余裕はありません。 コンポーネント内でコントロール値（「dept」）を手動で設定しようとしていますが、それが機能していません。新しい値でも適切にコンソールに記録されます。 次に、FormBuilderインスタンスを示します。 initForm() { this.form = this.fb.group({ 'name': ['', Validators.required], 'dept': ['', Validators.required], 'description': ['', Validators.required], }); } これは、選択したdeptを受け取るイベントハンドラです。 deptSelected(selected: { id: string; text: string }) { console.log(selected) // Shows proper selection! // This is how I am trying to set the value this.form.controls['dept'].value = selected.id; } フォームが送信されてログアウトしてもthis.form、フィールドは空白のままです！他のpplの使用を見たことupdateValue()がありますが、これはbeta.1であり、それをコントロールで呼び出す有効なメソッドとは見なしません。 私もupdateValueAndValidity()成功しないで呼び出してみました:(。 …

174 forms  components  angular 

私のJSPページではBootstrapを使用しています。 フォームに使用<fieldset>したいと思い<legend>ます。これは私のコードです。 <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> <div class="control-group"> <label class="control-label input-label" for="startTime">Start :</label> <div class="controls bootstrap-timepicker"> <input type="text" class="datetime" id="startTime" name="startTime" placeholder="Start Time" /> <i class="icon-time"></i> </div> </div> </fieldset> CSSは fieldset.scheduler-border { border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 !important; …

173 html  css  forms  twitter-bootstrap 

HTML5をサポートする新しいブラウザー（FireFox 4など）を使用する場合。 フォームフィールドには属性がありますrequired='required'。 フォームフィールドは空/空白です。 そして送信ボタンがクリックされた; ブラウザは、「必須」フィールドが空であることを検出し、フォームを送信しません。代わりに、ブラウザにユーザーにフィールドにテキストを入力するように求めるヒントが表示されます。 これで、単一のテキストフィールドの代わりに、チェックボックスのグループができました。そのうちの1つはユーザーがチェック/選択する必要があります。 requiredこのチェックボックスのグループでHTML5 属性を使用するにはどうすればよいですか？（チェックする必要があるチェックボックスは1つだけなのでrequired、すべてのチェックボックスに属性を設定することはできません） ps。必要であれば、私はsimple_formを使用しています。 更新 でしHTML 5 multiple属性は、ここで役に立ちますか？私の質問に似た何かをするために誰かがそれを以前に使用しましたか？ 更新 表示されます：この機能はHTML5の仕様によってサポートされていないこと ISSUE-111を：@入力し@type =チェックボックスの平均必要は何？ （問題のステータス：問題は先入観なしに終了とマークされています。）そして、ここに説明があります。 アップデート2 これは古い質問ですが、質問の元々の目的は、JavaScriptを使用せずに、つまりHTML5の方法を使用して上記を実行できるようにすることであると明確にしたかったのです。振り返ってみると、「JavaScriptなし」をもっと不明瞭にする必要がありました。

172 forms  html  validation  checkbox 

私は、インセットパディングのある2つの入力フィールドで構成されるログインフォームを作成しようとしていますが、これらの2つのフィールドは常に親の境界を超えてしまいます。この問題は、追加されたインセットパディングに起因します。この問題を修正するために何ができますか？ JSFiddleスニペット：http ://jsfiddle.net/4x2KP/ 注意：コードは最もクリーンではない可能性があります。たとえば、テキスト入力をカプセル化するspan要素はまったく必要ない場合があります。 #mainContainer { line-height: 20px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: rgba(0,50,94,0.2); margin: 20px auto; display: table; -moz-border-radius: 15px; border-style: solid; border-color: rgb(40, 40, 40); border-radius: 2px 5px 2px 5px / 5px 2px 5px 2px; border-radius: 2px; border-radius: 2px 5px / 5px; box-shadow: 0 5px 10px 5px rgba(0,0,0,0.2); } …

172 css  forms  input  width 

サーバーの処理に少し時間がかかるフォームがあります。ユーザーが待機し、もう一度ボタンをクリックしてフォームを再送信しないようにする必要があります。次のjQueryコードを使用してみました。 <script type="text/javascript"> $(document).ready(function() { $("form#my_form").submit(function() { $('input').attr('disabled', 'disabled'); $('a').attr('disabled', 'disabled'); return true; }); }); </script> Firefoxでこれを試すと、すべてが無効になりますが、フォームに含まれるはずのPOSTデータがフォームに送信されません。jQueryを使用してフォームを送信することはできません。複数の送信ボタンがあり、POSTに含まれている値によってどれが使用されたかを判断するため、フォームと共にボタンを送信する必要があるためです。通常どおりフォームを送信する必要があり、その直後にすべてを無効にする必要があります。 ありがとう！

170 javascript  jquery  double-submit-prevention  forms  http-post 

2つのボタンのあるページがあります。1つは<button>要素で、もう1つは<input type="submit">です。ボタンはこの順序でページに表示されます。フォームの任意の場所にあるテキストフィールドでを押す<Enter>と、ボタン要素のclickイベントがトリガーされます。これは、ボタン要素が最初にあるためだと思います。 デフォルトボタンを設定するための信頼できる方法のように見えるものは何も見つかりません。また、この時点では必ずしもそうしたくありません。より良いものがない場合は、フォーム上の任意の場所に<Enter>キーを押したので、それが押されたキーである場合は、単に無効にします。 $('form').keypress( function( e ) { var code = e.keyCode || e.which; if( code === 13 ) { e.preventDefault(); return false; } }) 私の知る限り、これは機能しているように見えますが、信じられないほどハムフィストだと感じています。 これを行うためのより洗練されたテクニックを知っている人はいますか？ 同様に、このソリューションに私が気付いていない落とし穴はありますか？ ありがとう。

168 javascript  jquery  html  forms  enter 

フォームを受け取ってクエリパラメータを返すJavascriptに組み込みのものがあるかどうか疑問に思っています。例： "var1=value&var2=value2&arr[]=foo&arr[]=bar..." 私はこれを何年もの間考えていました。

167 javascript  string  forms  get 

私のHTMLには、.required必須フィールドに割り当てられているというクラスがあります。 HTMLは次のとおりです。 <form action="/accounts/register/" method="post" role="form" class="form-horizontal"> <input type='hidden' name='csrfmiddlewaretoken' value='brGfMU16YyyG2QEcpLqhb3Zh8AvkYkJt' /> <div class="form-group required"> <label class="col-md-2 control-label">Username</label> <div class="col-md-4"> <input class="form-control" id="id_username" maxlength="30" name="username" placeholder="Username" required="required" title="" type="text" /> </div> </div> <div class="form-group required"><label class="col-md-2 control-label">E-mail</label><div class="col-md-4"><input class="form-control" id="id_email" name="email" placeholder="E-mail" required="required" title="" type="email" /></div></div> <div class="form-group required"><label class="col-md-2 …

166 css  forms  twitter-bootstrap-3  form-fields 

この構文を使用して、いくつかのパラメーターと共にファイルを投稿しました。 curl -v -include --form "key1=value1" --form upload=localfilename URL ファイルのサイズは約500Kです。まず、コンテンツの長さが送信側で254であることがわかります。その後、サーバーの応答のコンテンツの長さは0になります。どこで問題が発生していますか？ これがコマンドの完全なトレースです。 * Couldn't find host xxx.xxx.xxx.xxx in the _netrc file; using defaults * About to connect() to xxx.xxx.xxx.xxx port yyyy (#0) * Trying xxx.xxx.xxx.xxx... * Adding handle: conn: 0x4b96a0 * Adding handle: send: 0 * Adding handle: recv: 0 * …

164 forms  post  curl