php ajax 喊话框问题

Question

我正在尝试实现这个喊话框

http://shoutbox.insanityville.com/

但我想提出一些问题和修改

问题 - 当用户忘记填写字段时，会显示错误消息并清除所有字段。

如何修改它以仅在成功时清除字段？

修改

我怎样才能让新消息像这个例子一样滑入？

http://www.9lessons.info/2009/11/insert-delete-with-jquery-and-ajax.html

修改

如何添加验证码？

Answer 1

成功处理程序的第一部分是清空输入字段，因此需要将其移至确定响应中是否存在错误的逻辑之后：

success: function(xml){
    $('#shoutNickname').val('');
    $('#shoutMessage').val('');
    etc...

该走了

if($('error', xml).text()) {
 $('#shoutStatus').empty().removeClass().addClass('shoutError').html($('error', xml).text());
} else {
 /** HERE! **/
 $('#shoutStatus').empty().removeClass().addClass('shoutStatus').html($('status', xml).text());
}

要实现 slideDown 效果，您应该查看 slideDown() 文档

要实施验证码，我推荐securimage。它实现起来很简单，只需要一点服务器端验证和前端的输入框。然后，您只需修改传递给 $.ajax() 的 data 对象以包含其他输入值，并确保更新服务器端验证以在验证失败时包含正确的错误响应。