คำถามติดแท็ก forms

ฉันกำลังพยายามใช้ Dynamic Forms ใน Angular 2 ฉันได้เพิ่มฟังก์ชั่นเพิ่มเติมเช่น Delete และ Cancel ไปยังแบบฟอร์มไดนามิก ฉันได้ทำตามเอกสารนี้: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html ฉันได้ทำการเปลี่ยนแปลงรหัส ฉันพบข้อผิดพลาดที่นี่ ฉันจะทำให้ข้อผิดพลาดนี้เกิดขึ้นได้อย่างไร คุณสามารถค้นหารหัสเต็มได้ที่นี่: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=previewซึ่งทำงานในเครื่องอัดเสียง แต่ไม่ใช่ในระบบท้องถิ่นของฉัน รหัส 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 …

178 forms  angular  angular2-template  angular2-forms 

ฉันต้องการสร้างตัวเลือกในรูปแบบที่ต้องการ [] I would like to order a [selectbox with pizza] pizza โดยที่ selectbox ถูกเปิดใช้งานเฉพาะเมื่อช่องทำเครื่องหมายถูกทำเครื่องหมายและปิดใช้งานเมื่อไม่ได้ทำเครื่องหมาย ฉันมากับรหัสนี้: <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 () …

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!" …

178 jquery  forms 

นี่คือการขับรถฉันบ้าฉันอยู่ภายใต้ปืนและไม่สามารถที่จะใช้เวลาอีกทั้งวันนี้ ฉันกำลังพยายามตั้งค่าการควบคุม ('dept') ด้วยตนเองภายในองค์ประกอบและมันก็ใช้งานไม่ได้ - แม้กระทั่งค่าบันทึกใหม่เพื่อคอนโซลอย่างถูกต้อง นี่คืออินสแตนซ์ของ FormBuilder: initForm() { this.form = this.fb.group({ 'name': ['', Validators.required], 'dept': ['', Validators.required], 'description': ['', Validators.required], }); } นี่คือตัวจัดการเหตุการณ์ที่ได้รับฝ่ายที่เลือก: 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 …

176 forms  components  angular 

ฉันสามารถใช้วิธี PUT ในรูปแบบ HTML เพื่อส่งข้อมูลจากแบบฟอร์มไปยังเซิร์ฟเวอร์ได้หรือไม่

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มีค่า of ( Unicode \ x9731) ปรากฏขึ้น ดังนั้นสิ่งนี้มีไว้เพื่ออะไร?

174 ruby-on-rails  forms  unicode 

ฉันใช้ Bootstrap สำหรับฉัน JSPหน้า ฉันต้องการใช้<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: …

174 html  css  forms  twitter-bootstrap 

เมื่อใช้เบราว์เซอร์ใหม่ที่รองรับ HTML5 (FireFox 4 เป็นต้น); และเขตข้อมูลฟอร์มมีแอตทริบิวต์required='required'; และเขตข้อมูลฟอร์มว่าง / ว่างเปล่า และคลิกปุ่มส่ง เบราว์เซอร์ตรวจพบว่าช่อง "จำเป็น" ว่างเปล่าและไม่ได้ส่งแบบฟอร์ม; เบราว์เซอร์จะแสดงคำใบ้ที่ขอให้ผู้ใช้พิมพ์ข้อความลงในฟิลด์แทน ตอนนี้แทนที่จะมีฟิลด์ข้อความเดียวฉันมีกลุ่มของช่องทำเครื่องหมายซึ่งต้องมีการตรวจสอบ / เลือกอย่างน้อยหนึ่งรายการโดยผู้ใช้ ฉันจะใช้requiredคุณสมบัติHTML5 ในช่องทำเครื่องหมายกลุ่มนี้ได้อย่างไร (เนื่องจากต้องทำเครื่องหมายที่ช่องเดียวเท่านั้นฉันจึงไม่สามารถใส่requiredแอตทริบิวต์ในแต่ละช่องทำเครื่องหมายได้) PS ฉันกำลังใช้simple_formถ้ามันสำคัญ UPDATE อาจHTML 5 multipleแอตทริบิวต์จะเป็นประโยชน์ต่อที่นี่? มีใครใช้ก่อนทำสิ่งที่คล้ายกับคำถามของฉัน UPDATE มันปรากฏว่าคุณลักษณะนี้จะไม่ได้รับการสนับสนุนจากสเปค HTML5 นี้: ISSUE-111: สิ่งที่ไม่จำเป็นต้องใช้การป้อนข้อมูล @ เฉลี่ยสำหรับ @type = ช่องทำเครื่องหมาย. (สถานะปัญหา: ปัญหาที่ถูกทำเครื่องหมายปิดโดยปราศจากอคติ. ) และนี่คือคำอธิบาย อัพเดท 2 มันเป็นคำถามเก่า แต่ต้องการชี้แจงว่าเจตนาดั้งเดิมของคำถามนั้นสามารถทำได้โดยไม่ต้องใช้ Javascript - เช่นใช้ HTML5 …

172 forms  html  validation  checkbox 

ฉันกำลังพยายามสร้างฟอร์มการเข้าสู่ระบบที่ประกอบด้วยสองฟิลด์อินพุตด้วยการเติมส่วนแทรก ปัญหาเกิดขึ้นจากสิ่งที่ใส่เข้าไปเพิ่ม padding สิ่งที่สามารถทำได้เพื่อแก้ไขปัญหานี้? ตัวอย่าง JSFiddle: http://jsfiddle.net/4x2KP/ NB: รหัสอาจจะไม่สะอาดที่สุด ตัวอย่างเช่นองค์ประกอบการขยายที่ห่อหุ้มอินพุตข้อความอาจไม่จำเป็นเลย #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: …

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 

ฉันมีหน้าที่มีสองปุ่ม หนึ่งในนั้นคือ<button>องค์ประกอบและอื่น ๆ <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 …

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: …

164 forms  post  curl