forms - YUI 对话框 : how to stop form to be poster on enter key press?

Question

我们使用 YUI 2.9.0，在一个表单上我们遇到了一个问题:如果我们在 input type="text"上按 Enter，表单会以“正常方式”提交，而不是通过 YUI Dialog 的异步模式( “正常方式”是在纯 HTML web 中使用的一种方式，没有 JS 和 web 2.0 异步通信)。

在此页面上，我可以看到该错误已在 2.3.1 版中处理，但仍有一个问题
http://tech.groups.yahoo.com/group/ydn-javascript/message/30139
实际上取决于表单的内容:使用文本和选择字段我有问题，如果我有日期选择器它运行正常。

有什么办法，keylisterner的appart停止输入按键？

Answer 1

您可以通过将其放在表单标签中来关闭对话框中的表单提交:

<form onsubmit="return(false);" id="myId" name="myName" action="" method="">

然后，您必须在按钮上放置一个事件监听器，或者自己进行 XHR 提交。

但是如果你在你的对话框中使用这个声明，并且在 handleSubmit 中将 isDefault 设置为 true 你可能不会在输入 keypress 时提交表单。

YAHOO.example.container.dialog1 = new YAHOO.widget.Dialog("dialog1", 
            { width : "300px",
              fixedcenter : true,
              visible : false, 
              constraintoviewport : true,
              buttons : [ { text:"Submit", handler:handleSubmit, isDefault:true },
                          { text:"Cancel", handler:handleCancel } ]
             } );