2015-03-26 4 views
1

Возможно ли потребовать «.»? после "@"?HTML Проверка электронной почты после @

Подтверждение required подтверждает, что сообщение электронной почты имеет некоторый контент после «@», но я хотел бы потребовать «.». чтобы сделать тип пользователя в ".com/.org/и т.д."

http://jsfiddle.net/X6Uuc/333/

enter image description here

+0

Проверьте второй ответ: http://stackoverflow.com/questions/5601647/html5-email-input-pattern-attribute – Tim

+0

Я могу использовать тип = "электронная почта" , но он позволяет отправить форму без наличия «.com/.org/etc» – evan

+0

Да. Проверьте parsley.js, его более полнофункциональную библиотеку проверки ввода – evandentremont

ответ

2

Если вы полагаетесь на input[type=email] вы можете также использовать pattern Attr:

I получил RegEx в приведенном ниже примере из W3C spec for the email input. Собственный шаблон использует * в последней части, тогда это не требуется, я только изменил его на +;

<form> 
 
    <input type="email" pattern="^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-][email protected][a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)+$" required /> 
 
    <button>Submit</button> 
 
    </form>

+0

Это более релевантно, но не действует, когда я набираю полный адрес электронной почты: http://i.imgur.com/7Ir3Wn7.png – evan

+0

Я думаю, что это действительно работает, для чего это не так? – Luizgrs

+0

Да, это работает, мне нужно иметь как 'oninput = 'setCustomValidity (' ')" oninvalid = "setCustomValidity (' Пожалуйста, введите полный адрес электронной почты. ')" ' – evan

Смежные вопросы