forms 相关问题

我需要多个复选框搜索才能工作，但我陷入困境。表格没问题，但我不知道如何进行查询。请有人帮助我吗？形式：我需要多个复选框搜索才能工作，但我被困住了。表格没问题，但我不知道如何进行查询。有人请帮助我吗？表格： <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="Loft"><div class="lbl">Loft</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="Studio"><div class="lbl">Studio</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="2 pieces"><div class="lbl">2 pièces</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="3 pieces"><div class="lbl">3 pièces</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="4 pieces"><div class="lbl">4 pièces</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="5 pieces"><div class="lbl">5 pièces</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="6 pieces et +"><div class="lbl">6 pièces et +</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="Proprietes, Hotels particuliers"><div class="lbl">Propriétés, Hôtels particuliers</div> 查询： $search_propertytype = ""; if (isset($_POST['propertytype2'])) { $search_propertytype = trim($_POST['propertytype2']); } if (get_option('wp_search_propertytype') == "Yes") { if($search_propertytype != '') { $search_propertytype = trim($search_propertytype); $query ="SELECT p.* FROM $wpdb->posts p, $wpdb->postmeta p1 WHERE p.ID = p1.post_id AND (p1.meta_key='propertytype_value' AND p1.meta_value='$search_propertytype' OR p1.meta_key='propertytype2_value' AND p1.meta_value='$search_propertytype')"; $sptt = getIds( $query ); $_ids = ( !empty($sptt) ? ( !empty($_ids) ? array_intersect( $_ids, $sptt) : "" ) : "" ); } } 我通过 WP_Query 和自定义元框制定了解决方案。我的查询参数如下： $args = array( 'post_type' => 'product', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'color', 'value' => 'blue', 'compare' => 'NOT LIKE' ), array( 'key' => 'price', 'value' => array( 20, 100 ), 'type' => 'numeric', 'compare' => 'BETWEEN' ) ) ); $query = new WP_Query( $args ); 查看wordpress官方文档：http://codex.wordpress.org/Class_Reference/WP_Query#Custom_Field_Parameters 您可以通过这种方式查看。也许它能有所帮助。谢谢。

php wordpress forms search checkbox

回答 1 投票 0

标签标签及其相关元素是否必须是表单中的子元素？

来自标签元素的文档：属性（...）为了。与元素位于同一文档中的可标记表单相关元素的 id。这一定是元素的 id 吗...

html forms label

回答 1 投票 0

发送/接收javascript FileList到rails 7控制器（拖放模式）

我有表格。我有表格。 <form id="add_content" enctype="multipart/form-data" action="/contents/create" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="*****" autocomplete="off" /> <input type="hidden" value="*****" id="database_id" name="database_id"> <div id="drop-area"> <input type="file" id="file_list" name="file_list" multiple> </div> </form> 我有一些 JavaScript 来添加放置事件并处理所有事件。 let dropArea = document.getElementById('drop-area') dropArea.addEventListener('drop', handleDrop, false) function handleDrop(e) { let dt = e.dataTransfer let files = dt.files handleFiles(files) } function handleFiles(files) { let form = document.getElementById('add_content') console.log(files) let file_list = document.getElementById('file_list') console.log(file_list.files.length) form.submit(); } 我将一些（两个）文件拖放到控制台中，我可以看到 FileList。 FileList {0: File, 1: File, length: 2} 0: File {name: 'kk.wav', lastModified: 1671550812159, lastModifiedDate: Tue Dec 20 2022 16:40:12 GMT+0100 (Central European Standard Time), webkitRelativePath: '', size: 832216, …} 1: File {name: 'kk.marcos.wav', lastModified: 1671550812023, lastModifiedDate: Tue Dec 20 2022 16:40:12 GMT+0100 (Central European Standard Time), webkitRelativePath: '', size: 1147470, …} length: 2 [[Prototype]]: FileList 但是 console.log(file_list.files.length) 在控制台上写入 '0' 提交表单后，Payload 如下所示。 authenticity_token: ***** database_id: ***** file_list: (binary) 但是在我的控制器中 file_list 是 nil def create database_id = params[:database_id] file_list = params[:file_list] puts "=================================================================" puts file_list.class puts "=================================================================" App 1686102 output: ================================================================= App 1686102 output: NilClass App 1686102 output: ================================================================= 然后，我向我的 javascript 函数 handleFiles 添加一些代码，以将 FileList 添加到我的输入类型文件 function handleFiles(files) { let form = document.getElementById('add_content') console.log(files) let file_list = document.getElementById('file_list') // Add FileList to the input type file file_list.files = files console.log(file_list.files.length) form.submit(); } 现在 console.log(file_list.files.length) 写入 '2' （这很好），现在控制器收到一个文件，但只有一个文件（最后一个）。不是两个。 App 1686102 output: ================================================================= App 1686102 output: ActionDispatch::Http::UploadedFile App 1686102 output: ================================================================= 如果我尝试在控制器中获取files_list.length，我会得到 undefined method `length' for #<ActionDispatch::Http::UploadedFile:0x00007f356c0dd1c8 @tempfile=#<Tempfile: (closed)>, @content_type="audio/wav", @original_filename="kk.marcos.wav", @headers="Content-Disposition: form-data; name=\"file_list\"; filename=\"kk.marcos.wav\"\r\nContent-Type: audio/wav\r\n"> 发送或接收多个文件的正确方式是什么？嗯，就像更改输入文件的名称一样简单。 <input type="file" id="file_list[]" name="file_list[]" multiple> 而不是 <input type="file" id="file_list" name="file_list" multiple> 感谢 Rails：多个文件上传丢失了除一个之外的所有文件也许我的重复了。

javascript html ruby-on-rails forms ruby-on-rails-7

回答 1 投票 0

如何计算total字段并使用hook形式将其设置为数据？

您好，我是使用钩子表单的新手，我正在尝试填写一个表单，该表单接受会员类型、价格并根据会员类型计算总价。也将其显示为禁用

reactjs typescript forms

回答 1 投票 0

如果 Django 表单的输入字段包含错误，如何更改其背景颜色

我正在尝试编写一个带有字段的表单，如果用户输入的数据未通过表单验证，则将其背景颜色从默认的白色更改为浅珊瑚色。这是一个片段...

html css django forms

回答 1 投票 0

formik中如何同时进行提交和字段验证？

我想使用formik在提交时验证表单，同时也进行字段级验证。例如，提交时验证所有字段，并在更改时验证字段。返回（我想使用formik在提交时验证表单，同时也进行字段级别验证。例如，提交时验证所有字段，并在更改时验证字段。 return ( <div className='add-member'> <h1>Register a new member</h1> <Formik validationSchema={validationSchema} validateOnBlur={false} validateOnChange={false} initialValues={{ name: ''}} onSubmit={() => { console.log('something') }} > {({errors}) => ( <Form> <div className='member-info'> <div className='title'><p>Info</p></div> <div className='input' id='name-input'> <label>Name</label> <Field name='name' placeholder={errors.name ? '*Required' : null} className={errors.name ? 'input-error' : ''} /> </div> </Formik> </div> ) 我在 Formik 组件中禁用了 validateOnChange，以便提交验证有效，但不知道如何验证更改时的字段。嗯，您可以尝试使用 Yup 和validationSchema 进行表单验证。而且你应该使用 useFormik 钩子而不是 Formik 组件。然后你可能会得到正确的答案。例如 const formik = useFormik({ initialValues, validationSchema: registrationSchema, ... the code that you want const registrationSchema = Yup.object().shape({ fieldName: Yup.string() .oneOf([Yup.ref('')], "example commit"), 也许，你会成功。

javascript html reactjs forms formik

回答 1 投票 0

如何从 HTML 对话框中检索单选组的值？

index.html： index.html： <body> <dialog class="dialog"> <form class="report__form" method="dialog"> <div> <input type="radio" name="report" vale="vulgar" /> <label for="vulgar">Vulgar/Offensive Language</label> </div> <div> <input type="radio" name="report" vale="duplicate" /> <label for="Duplicate">Duplicate</label> </div> <div> <input type="radio" name="report" vale="broken" /> <label for="broken">Broken</label> </div> <button class="dialog__submit">Submit</button> </form> </dialog> <button class="open">open dialog</button> <script src="script.js"></script> </body> 脚本.js： const dialog = document.querySelector(".dialog"); const reportForm = document.querySelector(".report__form"); const submitButton = document.querySelector(".dialog__submit"); const openButton = document.querySelector(".open"); openButton.addEventListener("click", () => { dialog.showModal(); }); 我很难弄清楚如何在 HTML 对话框中检索无线电输入值。我阅读了有关无线电输入的 MDN 文档，但仍在努力让它在对话框的上下文中工作。我认为我需要设置一个默认值，循环输入，并在单击其中之一时更新该值，但我无法让它工作。首先，您需要为每个复选框提供一个 value 属性，而不是 vale 属性。从那里您可以在提交表单时选择 :checked 元素并根据需要进行处理。另请注意，for元素中的label属性需要与复选框的id相匹配。由于您的复选框没有 id，因此这不起作用。虽然您可以通过将复选框包装在 label 元素中来简化此操作，但这样您根本不需要包含 for 属性。这是经过上述更改后的工作示例： const dialog = document.querySelector(".dialog"); const reportForm = document.querySelector(".report__form"); const openButton = document.querySelector(".open"); openButton.addEventListener("click", () => { dialog.showModal(); }); reportForm.addEventListener('submit', e => { const selectedValue = reportForm.querySelector('input[type="radio"]:checked').value; console.log(selectedValue); }); <dialog class="dialog"> <form class="report__form" method="dialog"> <div> <label> <input type="radio" name="report" value="vulgar" /> Vulgar/Offensive Language </label> </div> <div> <label> <input type="radio" name="report" value="duplicate" /> Duplicate </label> </div> <div> <label> <input type="radio" name="report" value="broken" /> Broken </label> </div> <button class="dialog__submit">Submit</button> </form> </dialog> <button class="open">open dialog</button>

javascript html forms dialog radio-button

回答 1 投票 0

如何使用express/express-validator获取多个HTML表单值？

我对node.js 和express 非常陌生，我有一个带有文本框、单选按钮和选择框以及启动该过程的按钮的表单。我正在尝试找出如何获取所有给定的值...

javascript html node.js forms express

回答 1 投票 0

Google 表单上传权限

我有一个 Google 表单，可以上传一些我希望任何使用网络浏览器的人都可以看到的图片。不幸的是，他们都是以私人身份到达的。有什么办法让它们默认为公开

forms permissions google-forms

回答 2 投票 0

无法从 ejs Web 应用程序的正文中获取数据

我正在使用nodejs、ejs 模板、mongodb 和express 创建一个Web 应用程序。我创建了多条路线。对于用户以及其他数据库。我成功地能够从发布请求中获取...