全功能 jquery 表单提交按钮

发布于 2024-12-03 19:49:46 字数 215 浏览 0 评论 0原文

您能否提供一个 jquery 表单提交按钮的完整示例,其中:

  • 按钮按下时会改变外观,并且还会显示“请等待”正确的时间。

  • 在表单上使用它是安全的

  • 如果可能的话,如果有人禁用了 javascript,它仍然可以工作(我意识到这可能是不可能的,但如果有的话那就太好了)。

非常感谢

Can you please supply a full example of a jquery form submit button where:

  • the button changes appearance when pushed down, and also shows "please wait" for the correct time.

  • it's safe for use on forms

  • if possible, it will still work if someone has javascript disabled (I realize this may not be possible, but would be a nice to have).

Thanks much

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

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

发布评论

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

评论(1

半城柳色半声笛 2024-12-10 19:49:46

Jquery 就可以了。

首先,构建一个普通表单,为

标记指定一个 id,例如 #someform,并为提交按钮指定一个 id,例如 #somebutton< /代码>。

然后将处理程序绑定到#someform:

$('#someform').submit(function(){
    var params=$(this).serialize();
    //here you submit params using $.post
    document.selectElementById('somebutton').disabled=true;
    return false;
})

无论有没有 js 支持,它都可以工作。

Jquery will do just fine.

First you build a normal form, give the <form> tag an id, say #someform, and an id to the submit button, say #somebutton.

Then you bind an handler to #someform:

$('#someform').submit(function(){
    var params=$(this).serialize();
    //here you submit params using $.post
    document.selectElementById('somebutton').disabled=true;
    return false;
})

It will work with or without js support.

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