如何使用输入字段,文本和提交按钮实现自定义回退功能

时间:2013-09-03 11:15:20

标签: javascript jquery dropzone.js

我是Dropzonejs和javascript / jQuery的新手。我花了一些时间玩它并设置一个效果很好的dropzone,但我需要创建自定义回退功能,包含2个文本输入,1个textarea,1个复选框和一个提交按钮。

我放了

之后我现在不知道该做什么
<div class="fallback"></div>

进入我的表格。

我也创造了:

fallback: function() {

} // end of fallback

在options.mydropzone

这是我被困的地方。我需要一些提示来完成自定义回退功能。

2 个答案:

答案 0 :(得分:5)

Dropzone实际上是开箱即用的,您不需要创建此行为。你只需要在表单中放置一个class ='fallback'的div,它包含旧浏览器的输入:

  <form method="POST" action="/upload" class="dropzone">
    <div class="fallback">
      <input type="file" name="file" />
      <input type="submit" />
    </div>
  </form>

答案 1 :(得分:2)

将您当前的表单包裹在div

<div id="generalForm">
<form name='form1' .....>
</div>

创建第二个表单,您希望将其用作后备并将其包装在div中

<div id="specialForm" style='display:none'>
<form name="form1" .... >
</div>

在您的后备功能中,您将使用

fallback: function() {
  document.getElementById('generalForm').style.display="none";
  document.getElementById('specialForm').style.display='block';
}

这就是你想要的吗?