相关疑难解决方法(0)

我有这个片段:

<h:form id="form">

    <!-- other content -->

    <p:panel id="panel" header="test">
        <p:inputText id="input1" value="#{viewScope.prop1}" required="true" />
        <p:commandButton id="button1" process="@form" update="@form @widgetVar(dialog)"
            oncomplete="PF('dialog').show()" value="ok" />
    </p:panel>

    <!-- other content -->

</h:form>

<p:dialog id="dialog" header="dialog" widgetVar="dialog" modal="true">
    <h:form id="form2">
        <p:inputText id="input2" value="#{viewScope.prop1}" required="true" />
        <p:commandButton id="button2" process="@form" update="@form" value="ok" />
    </h:form>
</p:dialog>

一切都按预期工作.

我想要达到的目的是:

<h:form id="form">

    <!-- other content -->

    <!-- fragment start -->
    <!-- this fragment will be on its own file and included via ui:include (or inside composite component) -->
    <p:panel …

感谢ASP.NET,我学习了在<form>标签内使用<form>标签的内容.我设置了我认为是一个不起作用的简单DOM:

<form id="Superform" action="javascript: return false;">
<form id="Subform1" action="javascript: return false;">
    form1
</form>
<form id="Subform2" action="javascript: return false;">
    form2
</form>
</form>

在这个例子中,IE8似乎正常工作,但Chrome(18.0.1025.142 beta-m)似乎Subform1消失了.有谁知道为什么？这是Chrome/webkit错误吗？我做了一个jsFiddle测试它 - 如果你有其他浏览器方便,我也很好奇这些结果.

试试http://jsfiddle.net/weQmk/9/上的例子.

在IE8中,我得到:

Forms my browser sees: 
Superform
Subform1
Subform2

但在Chrome中:

Forms my browser sees:
Superform
Subform2

有这样的事情是一个坏习惯吗？：

<form method="post">

<form method="post">
</form>

</form>

是否可以使用嵌套形式:spring mvc中的form？

在我的用例中，我尝试将文件上传到 golang 中的服务器。我有以下 html 代码，

<div class="form-input upload-file" enctype="multipart/form-data" >
    <input type="file"name="file" id="file" />
    <input type="hidden"name="token" value="{{.}}" />
    <a href="/uploadfile/" data-toggle="tooltip" title="upload">
        <input type="button upload-video" class="btn btn-primary btn-filled btn-xs" value="upload" />
    </a>
</div>

而服务器端，

func uploadHandler(w http.ResponseWriter, r *http.Request) {
    // the FormFile function takes in the POST input id file
    file, header, err := r.FormFile("file")
    if err != nil {
        fmt.Fprintln(w, err)
        return
    }
    defer file.Close()

    out, err := os.Create("/tmp/uploadedfile")
    if err != nil {
        fmt.Fprintf(w, "Unable to create …

我想在表单中创建一个Cakephp删除帖子链接,如下所示.但是当我在浏览器中检查时,第一个删除帖子按钮不包括删除表单但是不能删除,但其他包括我想要的并且可以删除.

是cakephp bug还是我需要更改源代码的东西？

<?php
echo $this->Form->create('Attendance', array('required' => false, 'novalidate' => true));

foreach($i = 0; $i < 10; i++):
    echo $this->Form->input('someinput1', value => 'fromdb');
    echo $this->Form->input('someinput2', value => 'fromdb');
    echo $this->Form->postLink('Delete',array('action'=>'delete',$attendanceid),array('class' => 'btn btn-dark btn-sm col-md-4','confirm' => __('Are you sure you want to delete')));
endforeach;

echo $this->Form->button('Submit', array('class' => 'btn btn-success pull-right'));
echo $this->Form->end();
?>

我正在使用 MUI 作为组件。经过几天的痛苦调试，我发现当组件用于包装表单onSubmit时，我的表单没有调用该方法。Box请在下面找到最小的例子。为什么会发生这种情况？onClick不过效果很好。组件在这里不是Box一个有效的用例吗？我应该以不同的方式使用 API 吗？

import { Box, Button, TextField } from '@mui/material';

export function MainForm() {

  const submitHandler = (e) => {
    console.log('submit called');
    e.preventDefault();
  }

  return (
    <div>
      <Box
        component="form"
      >
        <form onSubmit={submitHandler}>
          <TextField />
          <Button type="submit">Submit</Button>
        </form>
      </Box>
    </div >
  )
}

试图在MVC4(+ Razor)中实现一个表单,但是提交按钮没有做任何事情.

控制器(应该获得后期操作):

public class GeneralController
{
    [HttpPost]
    public ActionResult SearchResults(SearchParamsModel searchParams)
    {
        // doin some stuff here
        return View("SearchResultsView");
    }
}

查看(.cshtml)

@model Models.SearchParamsModel 
@using (Html.BeginForm("SearchResults", "General", FormMethod.Post))
{
    <section class="form-field">
        <input type="text" name="Property1" id="Property1" class="field field139 autocomplete-init-no-img" />
        <label for="Property1">value1</label>

        <form action="" method="post" class="clearfix">           
            <input type="submit" value="some value" class="submit btn blue-btn special-submit" />
        </form>
    </section>
}

模型

public class SearchParamsModel 
{
    public string Property1{ get; set; }
}

我正在尝试遵循有关使用FieldArrays的 Formik 文档，以便我可以将可重复的表单元素添加到我的表单中。

我还看到了这篇Medium 帖子给出了一个例子。

我学习很慢，无法将文档和实现之间的点联系起来。

我想在我的主表单中有一个按钮，上面写着：“添加数据请求”。

如果选择该按钮，则会显示设置数据配置文件的嵌套表单，以及“添加另一个数据请求”和“删除”按钮。

我已经在我的应用程序的另一个组件中创建了嵌套表单，但我正在努力弄清楚如何使用媒体帖子中的示例来合并嵌套表单（作为可重复元素 - 即有人可能需要 5 个数据请求）。

有没有关于如何实现这一点的例子？

在我的代码中，我基本上遵循了medium post，但尝试链接索引内的数据请求表单组件

<button 
      type="button"
      onClick={() => arrayHelpers.insert(index, <DataRequestForm />)}>
      Add a data request
</button>   

这显然是不正确的，但我不知道如何做到这一点。

根据 Nithin 的回答，我尝试修改嵌入的表单，以便我可以使用 react-select，如下所示，但是我收到一个错误消息：

类型错误：无法读取未定义的属性“值”

import React from "react";
import { Formik, Form, Field, FieldArray, ErrorMessage, withFormik } from "formik";
import Select from "react-select";


import {
  Button,
  Col,
  FormControl,
  FormGroup,
  FormLabel,
  InputGroup,
  Table,
  Row,
  Container
} from "react-bootstrap";

const initialValues = {
  dataType: "",
  title: "",
  description: …

我想在这样的轨道中使用两个form_tag，

<%= form_tag %>

    <%= form_tag %>
    ................
    <%= submit_tag %>

<% submit_tag %>

但是form_tag内部的动作要先执行form_tag的动作... !!! 为两个form_tag分配不同的动作？