Question

我正在使用this插件提交带有文件上传的表单。通常使用以下方式发布我的表单（不使用此插件）

<button id="send">Send</button>

并使用这样的js：

$('#send').click(function(){
    ajaxSubmit();
});

这个插件正在寻找通常的

<input type="submit" value="Send">

发送表单，以便我可以保留我的按钮而不是默认按钮。我的观点是更新我的点击功能以通过此插件触发表单提交。该插件通过以下方式初始化：

$("#myForm").ajaxForm(options);

有任何帮助吗？

我的实际解决方法是设置输入按钮的样式，例如我的标准按钮，但我更喜欢保持所有代码的方式相同（总是使用按钮提交表单而不是输入）

Answer 1

如果您查看documentation，有多种方法可以使用该插件提交表单：

<input type="submit" name="submitButton" value="Submit1">
<input type="image" name="submitButton" value="Submit2" src="submit.gif">
<button type="submit" name="submitButton" value="Submit5"><span>submit 5</span></button>

你可以使用最后一个。为此，只需将type="submit"添加到您的按钮，它就足够了：

<button id="send" type="submit">Send</button>

Answer 2

在没有看到更多代码的情况下，我可以说的一件事是，您的javascript引用ID为“发送”的对象，但您的input没有ID。

尝试<input type="submit" id="send" value="Send"/>。

使用form.js插件

2 个答案: