为表单创建预览,例如google adwords

时间:2011-04-09 20:26:35

标签: javascript ruby-on-rails ajax forms preview

所以我正在制作一个简单的表单来填写客户,我希望用户能够预览他们的提交内容。一个很好的例子就是谷歌adwords,当你创建一个新广告时。

基本上这必须通过ajax完成,根据用户输入表单字段的内容更新预览div。我想我可以做一个更新div的onChange函数,但我相信只有当用户完成该字段并移动到另一个时才有效,这很好,但如果它可以实时发生会很好,当用户在该字段中键入时。

我该怎么做才能做到这一点?

它可能会或可能不会有一些影响,但我使用的是Rails 3。

谢谢!

1 个答案:

答案 0 :(得分:1)

即使你没有使用jQuery,这也有助于理解onChange:http://api.jquery.com/change/

使用预览div的方法听起来不错。在这个div中你可以将其他div(或任何标签)映射到每个输入。