jquery - 如何对表单进行实时验证?

标签 jquery css html validation

我想对我的登录表单进行实时验证。 我的表单布局是这样的

Username _____________

Password _____________

                 Submit

当用户输入与数据库匹配的有效用户名时,我想加入green 复选标记 在我的表单的末尾

OR 红色 x 标记 反之亦然。

甚至在用户点击提交之前,他们就知道会发生什么。

我发现该功能非常有用,甚至像 Apple 这样的大型网站也会在其网站的某些部分使用它。 那么谁能告诉我如何做到这一点。

非常感谢这篇文章的主人公!

最佳答案

你想在 keyup 上提交你的表单(最有可能使用 ajax),它将检查你的数据库以查看它是否存在

$("input[type=text]").keyup(function(){
   //submit your form    
});

FIDDLE

关于jquery - 如何对表单进行实时验证?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27351098/

相关文章:

Javascript - 从另一个数组列表中减去数组列表

javascript - js/jquery/其他库插件来转换 HTML->XML

javascript - 如何在 HTML 页面上创建不可见的可滚动区域?

jquery - 当我向下滚动我的网站时,如何使具有固定定位的对象从浏览器窗口的顶部移动到底部?

css - 全局布局与定位

javascript - 如何使用 javascript 和 css 显示扩展文本

css - 左侧固定宽度div,右侧填充剩余宽度div

html - 如果可以的话,让文字以一定的宽度换行而不打断一个字

javascript - 使用 Angular4 直接更新到 innerHTML 时如何提高性能

html - 我需要为哪个类(class)设计风格?