HTML 表单文本框动态信息框？
HTML Forms Textbox Dynamic Information Boxes?
我最近 Google 搜索了我正在寻找的东西，但我不知道我正在寻找的东西的正确名称，这使得我几乎不可能得到结果。让我试着解释一下：
我在表单注册的网站上看到，当用户点击 "email" 字段时，旁边会出现一个弹出信息框，上面写着 "Please enter a valid email..." 的内容，如果用户移动到下一个框，电子邮件无效，框变为红色，并显示类似 "Please enter a VALID email." 如果电子邮件已被占用，框变为红色，表示已被占用，他们需要输入一个不同的。如果满足所有要求，该框就会消失，然后会弹出下一个框，询问用户名，检查用户名是否唯一，等等。最后，当需要输入密码时，它会动态检查密码是否匹配，如果不匹配，信息框会再次变为红色。
有人明白我想要完成的事情吗？
我想你要的是 form validation。
网上有无数与此相关的示例，它们有许多不同的表单验证方式。
对于上面提到的 email 字段，您需要使用 required 属性（感谢 HTML5，这真的很容易），其中可以使用浏览器来验证（以有限的方式）电子邮件地址。
基本示例:
Email Address: <input type="email" name="email" required placeholder="Enter a valid email address">
从头开始制作视觉参考
您可以用基本的 HTML 和 CSS 完成。这是我制作的 JSFiddle：http://jsfiddle.net/aZ9r8/331/
Javascript图书馆
这是一个受欢迎的 Javascript 图书馆 http://www.parsleyjs.org。
我最近 Google 搜索了我正在寻找的东西，但我不知道我正在寻找的东西的正确名称，这使得我几乎不可能得到结果。让我试着解释一下：
我在表单注册的网站上看到，当用户点击 "email" 字段时，旁边会出现一个弹出信息框，上面写着 "Please enter a valid email..." 的内容，如果用户移动到下一个框，电子邮件无效，框变为红色，并显示类似 "Please enter a VALID email." 如果电子邮件已被占用，框变为红色，表示已被占用，他们需要输入一个不同的。如果满足所有要求，该框就会消失，然后会弹出下一个框，询问用户名，检查用户名是否唯一，等等。最后，当需要输入密码时，它会动态检查密码是否匹配，如果不匹配，信息框会再次变为红色。
有人明白我想要完成的事情吗？
我想你要的是 form validation。
网上有无数与此相关的示例，它们有许多不同的表单验证方式。
对于上面提到的 email 字段，您需要使用 required 属性（感谢 HTML5，这真的很容易），其中可以使用浏览器来验证（以有限的方式）电子邮件地址。
基本示例:
Email Address: <input type="email" name="email" required placeholder="Enter a valid email address">
从头开始制作视觉参考
您可以用基本的 HTML 和 CSS 完成。这是我制作的 JSFiddle：http://jsfiddle.net/aZ9r8/331/
Javascript图书馆
这是一个受欢迎的 Javascript 图书馆 http://www.parsleyjs.org。