คำถามติดแท็ก 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 คุณจะตรวจสอบได้อย่างไรว่ามีตัวเลือกในเมนูที่เลือกหรือไม่ถ้าไม่ให้กำหนดหนึ่งในตัวเลือกที่เลือก (ตัวเลือกถูกสร้างขึ้นด้วยฟังก์ชั่นของเขาวงกต PHP ในแอพที่ฉันเพิ่งได้รับดังนั้นนี่คือการแก้ไขอย่างรวดเร็วในขณะที่ฉันเดินไปรอบ ๆ พวกมัน :)

207 javascript  jquery  forms  dom  html-select 

ฉันมีจาวาสคริปต์ต่อไปนี้ในหน้าของฉันซึ่งดูเหมือนจะไม่ทำงาน $('form').bind("keypress", function(e) { if (e.keyCode == 13) { e.preventDefault(); return false; } }); ฉันต้องการปิดการใช้งานการส่งแบบฟอร์มเมื่อป้อนหรือดีกว่าเพื่อโทรหาแบบฟอร์ม ajax ของฉัน วิธีการแก้ปัญหาอย่างใดอย่างหนึ่งเป็นที่ยอมรับ แต่รหัสฉันรวมถึงข้างต้นไม่ได้ป้องกันแบบฟอร์มการส่ง

207 javascript  jquery  forms  form-submit 

วิธีหนึ่งในการหยุดการส่งแบบฟอร์มคือการส่งคืนค่าเท็จจากฟังก์ชัน JavaScript ของคุณ เมื่อคลิกปุ่มส่งจะมีการเรียกใช้ฟังก์ชันการตรวจสอบความถูกต้อง ฉันมีกรณีในการตรวจสอบแบบฟอร์ม หากตรงตามเงื่อนไขนั้นฉันเรียกใช้ฟังก์ชันชื่อreturnToPre ชัดPage (); function returnToPreviousPage() { window.history.back(); } ฉันใช้ JavaScript และDojo Toolkit แทนที่จะกลับไปที่หน้าก่อนหน้ามันจะส่งแบบฟอร์ม ฉันจะยกเลิกการส่งข้อมูลนี้และกลับไปที่หน้าก่อนหน้าได้อย่างไร

206 javascript  html  forms 

มีโอกาสใดที่จะตรวจสอบการเลือกไฟล์ทุกไฟล์ที่ผู้ใช้ทำกับ HTML inputของประเภทfileองค์ประกอบหรือไม่ ก่อนหน้านี้มีการถามหลายครั้ง แต่onchangeเหตุการณ์ที่เสนอมักจะไม่เริ่มทำงานหากผู้ใช้เลือกไฟล์เดียวกันอีกครั้ง

204 javascript  html  forms  dom-events 

ฉันมีหน้าเทมเพลตที่ต้องการรูปแบบสองแบบ ถ้าฉันใช้เพียงรูปแบบเดียวสิ่งต่าง ๆ ก็ดีเหมือนในตัวอย่างทั่วไปนี้: if request.method == 'POST': form = AuthorForm(request.POST,) if form.is_valid(): form.save() # do something. else: form = AuthorForm() ถ้าฉันต้องการทำงานกับหลาย ๆ รูปแบบฉันจะให้มุมมองรู้ได้อย่างไรว่าฉันส่งแบบฟอร์มเพียงแบบเดียวและไม่ใช่แบบอื่น ๆ (เช่นมันยังคงเป็นคำขอ 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' …

201 python  django  forms 

อะไรคือวิธีที่ดีที่สุดในการออกแบบฟอร์มที่มีลักษณะเช่นนี้ (โปรดดูลิงค์ด้านล่าง) ใน twitter bootstrap โดยไม่มีคลาสแบบโฮมเมด เป็นไปได้หรือไม่ที่จะตั้งค่า form-inline ภายในภายใน form-horizontal ดังตัวอย่างด้านล่าง:

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

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> หากฉันกดปุ่มส่งจะไม่มีการส่งค่าใด ๆ ไปยังเซิร์ฟเวอร์ ถ้าฉันเปลี่ยนฟิลด์อินพุตให้พิมพ์ "text" มันทำงานได้ตามที่คาดไว้ ข้อสันนิษฐานของฉันคือเขตข้อมูลที่ซ่อนอยู่ไม่ได้บรรจุจริง ๆ ในขณะที่เขตข้อมูลข้อความจะแสดงเนื่องจากการผูกสองทาง แนวคิดใดบ้างที่ฉันสามารถส่งฟิลด์ที่ซ่อนอยู่ซึ่งบรรจุโดย AngularJS

192 javascript  forms  angularjs 

ฉันคิดว่ามันแปลกที่input type="date"ยังไม่รองรับใน Firefox หลังจากเวลานี้ทั้งหมด ที่จริงแล้วฉันไม่คิดว่าพวกเขาจะเพิ่มประเภทใหม่ ๆ ของ HTML 5 ในองค์ประกอบอินพุต ไม่แปลกใจที่ไม่รองรับ IE10 ดังนั้นคำถามของฉันคือ ... วิธีการที่จะได้รับtype="date"ในinputการทำงานโดยไม่ต้องเพิ่มองค์ประกอบยังอีก .js ไฟล์ (คือjQueryUIDatePicker Widget) เพียงเพื่อให้ได้ปฏิทิน / วันเพียง IE และ Firefox เบราว์เซอร์? มีบางอย่างที่สามารถนำไปใช้ที่ไหนสักแห่ง (อาจจะ CDN?) ที่จะทำให้ฟังก์ชั่นนี้ใช้งานได้ตามค่าเริ่มต้นใน Firefox และ / หรือเบราว์เซอร์ IE? การพยายามกำหนดเป้าหมายเบราว์เซอร์ IE 8+ และสำหรับ Firefox ไม่สำคัญรุ่นใหม่ล่าสุด (28.0) จะไม่เป็นไร อัปเดต: Firefox 57+ รองรับประเภทอินพุต = วันที่

191 html  forms  jquery-ui  internet-explorer  firefox 

สำหรับรูปแบบที่เรียบง่ายพร้อมการแจ้งเตือนที่ถามว่ากรอกฟิลด์อย่างถูกต้องหรือไม่ฉันต้องการฟังก์ชันที่ทำสิ่งนี้: แสดงกล่องข้อความแจ้งเตือนเมื่อคลิกปุ่มด้วยสองตัวเลือก: หากคลิก "ตกลง" ระบบจะส่งแบบฟอร์ม หากมีการคลิกยกเลิกกล่องการแจ้งเตือนจะปิดลงและสามารถปรับและส่งฟอร์มได้อีกครั้ง ฉันคิดว่าการยืนยัน 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" …

183 jquery  forms  html  textarea  placeholder 

ฉันมีรูปแบบ HTML ที่ฉันใช้ปุ่มหลายปุ่ม ปัญหาคือไม่ว่าฉันจะคลิกที่ปุ่มใดแบบฟอร์มจะถูกส่งถึงแม้ว่าปุ่มจะไม่ใช่ประเภท "ส่ง" เช่นปุ่มเช่น: <button>Click to do something</button>ส่งผลให้มีการส่งแบบฟอร์ม มันค่อนข้างเจ็บปวดที่ต้องทำe.preventDefault()กับปุ่มเหล่านี้แต่ละปุ่ม ฉันใช้ jQuery และ jQuery UI และเว็บไซต์อยู่ใน HTML5 มีวิธีปิดใช้งานพฤติกรรมอัตโนมัตินี้หรือไม่

180 javascript  html  button  form-submit  forms 

ฉันมีselectเขตข้อมูลฟอร์มที่ฉันต้องการทำเครื่องหมายเป็น "อ่านได้อย่างเดียว" เนื่องจากในผู้ใช้ไม่สามารถแก้ไขค่าได้ แต่ค่านั้นยังคงส่งมาพร้อมกับแบบฟอร์ม การใช้disabledแอ็ตทริบิวต์ป้องกันผู้ใช้จากการเปลี่ยนค่า แต่ไม่ส่งค่าด้วยแบบฟอร์ม readonlyแอตทริบิวต์จะใช้ได้เฉพาะinputและtextareaสาขา แต่ที่เป็นพื้นสิ่งที่ฉันต้องการ มีวิธีใดบ้างที่จะทำงานนี้ได้? สองความเป็นไปได้ที่ฉันกำลังพิจารณารวมถึง: แทนที่จะปิดใช้งานให้ปิดการselectใช้งานทั้งหมดoptionและใช้ CSS เพื่อเลือกตัวเลือกสีเทาเพื่อให้ดูเหมือนว่าถูกปิดใช้งาน เพิ่มตัวจัดการเหตุการณ์การคลิกไปที่ปุ่มส่งเพื่อให้สามารถเปิดใช้งานเมนูดร็อปดาวน์ที่ปิดใช้งานทั้งหมดก่อนส่งแบบฟอร์ม

180 javascript  html  css  forms  html-select