php ajax 的问题

发布于 2024-11-01 17:36:44 字数 529 浏览 0 评论 0原文

我正在尝试实现这个shoutbox

http://shoutbox.insanityville.com/

但有一些问题,修改 我想提出

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

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

修改

如何使新消息像本例中那样滑入?

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

修改

如何添加验证码?

I am trying to implement this shoutbox

http://shoutbox.insanityville.com/

but there are a few issues and modifications I would like to make

issue - when a user forgets to fill a field an error message is displayed and all fields are cleared.

how can I modify it to clear the fields only on success?

modification

how can I make the new messages slide in like in this example?

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

modification

How can I add a captcha?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

沧桑㈠ 2024-11-08 17:36:44

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

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

需要 go

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 效果,您应该检查 < a href="http://api.jquery.com/slideDown" rel="nofollow">slideDown() 文档

要实现验证码,我建议 安全图像。它实现起来很简单,只需要一点服务器端验证和前端的输入框。然后,您只需修改传递给 $.ajax() 的 data 对象以包含附加输入值,并确保更新服务器端验证以在验证失败时包含正确的错误响应。

The first part of the success handler is emptying the input fields, so this would need to be moved to after the logic which determines whether there was an error in the response:

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

Needs to go

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

To implement the slideDown effect, you should check out the slideDown() docs

To implement the CAPTCHA, I would recommend securimage. It's simple to implement, just takes a little server side validation and an input box on the front-end. You then just need to modify the data object being passed to $.ajax() to include the additional input value and make sure the server-side validation is updated to include a proper error response when validation fails.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文