在现代网站开发中,邮箱格式的验证是必不可少的一项验证。使用jQuery编写一段代码,可以实现每当用户在邮箱输入框中输入内容时,即时验证邮箱格式是否正确。下面是示例代码:
$(document).ready(function(){$(#email).on(input, function(){var email = $(this).val();if(email !== ){var reg = /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+.([a-zA-Z])+$/;if(!reg.test(email)){$(this).addClass(invalid);}else{$(this).removeClass(invalid);}}else{$(this).removeClass(invalid);}});});
以上代码可以实现当用户在名为“email”的输入框中输入内容时,可以即时验证邮箱格式是否正确。其中,$(#email)
指代选择名为“email”的DOM元素;on(input, function(){})
指代监听该DOM元素输入内容的事件;$(this)
指代当前触发事件的DOM元素。当输入框中有内容时,正则表达式会判断该内容是否为邮箱格式,若是,则移除invalid
类,否则添加invalid
类,用于标识该输入框输入的内容不符合要求。
以上代码可以对邮箱格式进行即时验证,有效避免用户输入内容与预期不符合。在网站开发中,这样的即时验证是一个非常实用的功能。