YUI DIalog:如何在进入按键时停止表格成为海报?

时间:2012-02-16 16:37:43

标签: forms yui

我们使用YUI 2.9.0,并且在表单上我们遇到了问题:如果我们在输入类型=“text”上按Enter键,表单将以“正常方式”提交,而不是通过YUI的异步模式Dialog(“普通方式”是纯HTML网站中使用的方式,没有JS和Web 2.0异步通信)。

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

有没有办法,关键listerner的appart哪个停止进入按键?

1 个答案:

答案 0 :(得分:3)

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

<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 } ]
             } );