您是否注意到,有时当您在一个或另一个页面上注册时,当您通过制表或直接单击更改文本框的焦点时,会在其旁边显示一条消息以验证数据?
小心,这没有做回发或任何事情,因为在我的情况下,每次我改变焦点时,页面都会回发。
假设我想从 textbox1 转到 textbox2,如果我专注于 textbox2 来选择它,页面回发,我失去了所说的文本框的焦点,这迫使我再次点击它。
我正在寻找的效果与我们在大多数注册页面中找到的效果相同,但我不知道如何。
我知道 Web 表单中的文本框与 Windows 表单没有相同的事件,因为在第一种情况下,没有诸如 lostfocus、onclick 等事件,我想这些事件会使事情变得更容易。
当您按“回车”时,您肯定正在回发,制表不会回发。
至于通过焦点更改进行验证,这是使用 Jquery 完成的。你应该做的是:
1-将 ID 分配给文本框。假设 id=texbox1,id=texbox2
2-将 Jquery 库添加到您的页面。这可以通过致电在线或离线书店来完成。
3-在您的 html 页面中创建一个 <script> 部分
4-在脚本部分中创建一个 JQuery 部分,如下所示:
jQuery(函数($){
所有的代码都在中间
}); 5-在Jquery部分内部,textbox1和textbox2的“onChange”事件调用如下:
6-然后我们创建验证功能,它可以验证输入信息的质量或数据库中数据的存在。如果是后者,您应该像这样创建一个 Ajax 函数:
-url 是您使用的 php 页面或控制器/actionresult 或方法的名称 -data 是操作结果或方法接收到的变量 -Value 是您传递给它的变量 -dataType 在这里说明它是 json -type 你有 GET 和 POST,在这种情况下,我们使用 GET 来接收一个值,而不是回发 -success 是当动作结果执行没有错误时发生 -result 是动作结果应该返回的变量(记得返回一个行动结果中的价值) - 在这种情况下,我将它返回给调用者,它可以做 X 件事情,放置 if、for 等,将海报分配给 div。
7-第 5 点的 On change 事件应该修改为与第 6 点保持一致,我用很少的代码将它们放了,这样你就不会迷路,但我把它们更新在下面:
除了所有解释之外,我建议您使用 HTML5 验证,它们更容易并且是自动的,您只需声明 X 字段是数字、文本还是日期,或者它是否具有 X 模式,仅此而已,它是自动的当您提交自动生成海报时验证。
我希望它对你有用!!!
很有用。但碰巧一开始它并没有给我你提议的方式。就在我开始仔细检查并得出这个解决方案的时候:
我创建一个这样的文本框:
然后我创建一个跨度,如果输入了错误的用户,它将是可见的:
the_span 的 CSS 样式:.hidden{visibility:hidden;color: red;}
最后,在脚本中,我有以下内容:
它完美地工作。多亏了 onblur 事件。然后使用一个按钮,我将通过查询数据库来验证用户是否未被创建,这是另一回事。
在那之后,我决定尝试你提出的解决方案,seojedaperez,它也派上了用场,当然还有一些眼睛修复。
我感谢你和所有指导我的人。