이번에는 JS를 사용하여 이메일 형식을 확인하는 방법과 JS를 사용하여 이메일 형식을 확인하는 notes에 대해 설명하겠습니다. 다음은 실제 사례입니다.
저는 최근에 입력 데이터에 @ 기호와 마침표(.)가 포함되어야 하는 프런트 엔드 프로젝트를 진행했습니다. 동시에 @는 이메일 주소의 첫 번째 문자가 될 수 없으며 @ 뒤에 마침표가 하나 이상 있어야 합니다.
1: Code
nbsp;html> <meta> <title>利用JavaScript验证是否符合电子邮箱地址</title> <script> // 创建第一个函数validate_emil()并包含两个参数 function validate_email(field, alerttxt) { with (field) { //利用indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置--定义一个变量apos将第一次出现的“@”赋值给apos apos = value.indexOf("@"); //利用lastIndexOf() 方法返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索-- //stringObject.lastIndexOf(searchvalue,fromindex) //fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。 dotpos = value.lastIndexOf("."); // 判断符合"@"的位置,或者"."的位置是否在"@"的后面 if (apos < 1 || dotpos - apos < 2) { // 利用alert()弹出一个警告窗来执行alerttxt的操作 // 邮箱地址不符合 alert(alerttxt); return false; } else { // 邮箱地址符合 return true; } } } // 创建第二个函数validate_form()并包含一个参数 function validate_form(thisform) { with (thisform) { if (validate_email(email, "Not a valid e-mail address!") == false) { // 利用focus()将输入焦点移至对象上 email.focus(); return false; } } } </script> <!-- onsubmit是一个验证表单功能,为true提交, -->
2: Result
아래 사진을 보면 입력한 이메일 형식이 정확한지 여부는 별개의 문제입니다!
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
Vue가 html 문자열을 HTML로 변환하는 단계에 대한 자세한 설명
위 내용은 JS를 사용하여 이메일 형식을 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!