2012-06-12 4 views
0

Я новичок в разработке сайтов, я создал форму с контактными данными.Ограничения на текстовое поле HTML

В текстовом поле электронной почты я хотел бы разрешить адреса электронной почты с символом @, если символ «@» отсутствует, появится сообщение об ошибке.

Html код для записи электронной почты является:

<td class="content"><input name="txtEmail" type="text" class="box" id="txtEmail" size="60" maxlength="100" /></td> 

Javascript для того, чтобы поле ввода:

function checkShippingAndPaymentInfo() 
{ 
    with (window.document.frmCheckout) { 
     if (isEmpty(txtEmail, 'Please enter your email address')) { 
      return false; 
     } else { 
      return true; 
     } 
    } 
} 

Код выше работ, но не имеет ограничений, которые мне нужны. Все, что мне нужно - это проверка для символа '@', который должен быть установлен в поле ввода текста. Пожалуйста, помогите мне с этим.

Заранее спасибо.

+4

Это должно помочь вам. http://stackoverflow.com/questions/46155/validate-email-address-in-javascript –

ответ

1

Вы должны быть в состоянии проверить адрес электронной почты, используя регулярное выражение в Javascript. Он будет проверять наличие @ вместе с другими классификаторами электронной почты. Я использую следующий фрагмент из this stackoverflow question

function validateEmail(email) { 
    var re = /^(([^<>()[\]\\.,;:\[email protected]\"]+(\.[^<>()[\]\\.,;:\[email protected]\"]+)*)|(\ 
".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA 
-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
    return re.test(email); 
} 
+1

на самом деле лучший способ, есть еще много способов проверки электронной почты, а затем просто поиск символа @ – Gordnfreeman

+1

Проверка адреса электронной почты * очень * сложно, и любой метод будет передавать неправильные адреса или отклонять правильные адреса, как правило, оба. Вопрос был конкретно в проверке наличия «@», который упрощен, но во многом полезен. –

+0

Так что в моем случае это будет ----------- функция validateEmail (txtEmail) { var re = /^(([^<>()[\]\\.,;:\s @ \ "] + (\. [^ <>() [\] \\.,;: \ s @ \"] +) *) | (\ ". + \")) @ ((\ [[ 0-9] {1,3} \ [0-9] {1,3} \ [0-9] {1,3} \ [0-9] {1,3} \]) |... (([a-zA -Z \ -0-9] + \.) + [a-zA-Z] {2,})) $ /; return re.test (txEmail); } – JUM

0

Заменить type="text" на type="email"

+0

Даже если ваш ответ верен, всегда лучше кратко объяснить OP, почему вы думаете, что он может решить свою проблему. – AFract

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