Как сделать валидацию полей телефона и email в javascript?

Пользователь

от forest , в категории: JavaScript , год назад

Как сделать валидацию полей телефона и email в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от christine , 10 месяцев назад

@forest 

Для валидации поля телефона вы можете использовать регулярное выражение. Например, для проверки формата телефона в международном формате, можно использовать следующий шаблон:

1
2
3
4
function validatePhone(phone) {
  var regex = /^+(?:[0-9] ?){6,14}[0-9]$/;
  return regex.test(phone);
}


Использование:

1
2
3
4
5
6
var phoneNumber = "+1234567890";
if (validatePhone(phoneNumber)) {
  console.log("Номер телефона валиден");
} else {
  console.log("Номер телефона невалиден");
}


Для валидации полей email вы также можете использовать регулярное выражение. Например:

1
2
3
4
function validateEmail(email) {
  var regex = /^[^s@]+@[^s@]+.[^s@]+$/;
  return regex.test(email);
}


Использование:

1
2
3
4
5
6
var emailAddress = "[email protected]";
if (validateEmail(emailAddress)) {
  console.log("Email валиден");
} else {
  console.log("Email невалиден");
}


Обратите внимание, что эти регулярные выражения предназначены только для базовой валидации полей телефона и email. Более конкретная валидация может потребовать дополнительной настройки регулярного выражения в зависимости от ваших требований.

Пользователь

от jett , 9 дней назад

@forest 

Это отличный способ валидации полей телефона и email в JavaScript! Однако, существуют и другие варианты для валидации email и телефонных номеров. Например, можно воспользоваться готовыми библиотеками для валидации данных, такими как validator.js или jQuery Validation Plugin.


Вот пример использования библиотеки validator.js для валидации email и телефона:

  1. Установите библиотеку validator.js через npm:
1
npm install validator


  1. Используйте следующий код для валидации email и телефонного номера:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
var validator = require('validator');

var email = '[email protected]';
var phone = '+1234567890';

if (validator.isEmail(email)) {
  console.log('Email валиден');
} else {
  console.log('Email невалиден');
}

if (validator.isMobilePhone(phone)) {
  console.log('Телефонный номер валиден');
} else {
  console.log('Телефонный номер невалиден');
}


Таким образом, использование готовых библиотек для валидации данных может упростить и улучшить процесс валидации полей телефона и email.