使用输入按钮提交无形式“表单”

时间:2013-02-06 20:03:14

标签: javascript html dojo

我们目前正在使用Dojo Mobile构建应用程序,有几个区域我们有输入字段和提交按钮。这些输入字段和提交按钮不在表单中,我们只使用onclick事件来“提交”要在javascript中使用的字段中的值。有没有办法让它在我们按下“输入”时,或者在移动应用程序的情况下,当用户按下软键盘上的“搜索”或“转到”时,它会触发该特定按钮?我们可能在同一页面上有多个提交按钮。

 ...
<div>
    <input dojoType="dijit.form.TextBox" />
    <button dojoType="dijit.form.Button" type="submit">
        Filter
    </button>
<div>
 ...

2 个答案:

答案 0 :(得分:1)

将相关字段放在表单中。注册一个“onsubmit”事件处理程序,并使其与按钮的“onclick”处理程序相同。从事件处理程序返回时,您应该返回false,或者应该调用event.preventDefault()。这将阻止表单(通过POST)提交到服务器。

答案 1 :(得分:1)

覆盖默认表单提交操作

您可以覆盖表单上的默认提交操作。将表单保留在<form>标签内,即使您想要覆盖默认行为,并按照您所希望的强大,独立的黑人女性做您想做的事情,语义上也是明智的。

jsFiddle

<强> HTML:

<form id="myForm">
    <input type="text" />
    <button type="submit">Submit</button>
</form>

<强> JavaScript的:

var myForm = document.getElementById('myForm');
myForm.addEventListener('submit',function(event){
    alert('submit pressed -- do as you please');
    event.preventDefault(); // cancels form submission
});

//大通。