Валидация E-mail в форме регистрации, во время ввода пользователем

Опубликовано:
Редактировалось: 3 раза — последний вчера в 12:55
Просмотров: 2418
+5
Голосов: 5

Для добавления валидности e-mail необходимо открыть файл com_registration.tpl после следующего кода:

Код PHP:
  1. {if $cfg.is_on}
  2. {if $cfg.reg_type == 'invite' && !$correct_invite}
  3. <p style="margin-bottom:15px; font-size: 14px">{$LANG.INVITES_ONLY}</p>
  4. {if $msg}<p style="color:red;margin-bottom: 10px">{$msg}</p>{/if}
  5. <form id="regform" name="regform" method="post" action="/registration">
  6. <table cellpadding="0" cellspacing="0" border="0">
  7. <tr>
  8. <td><strong>{$LANG.INVITE_CODE}:</strong></td>
  9. <td style="padding-left:15px">
  10. <input type="text" name="invite_code" class="text-input" value="" style="width:270px"/>
  11. </td>
  12. <td style="padding-left:5px">
  13. <input type="submit" name="show_invite" value="{$LANG.SHOW_INVITE}" />
  14. </td>
  15. </tr>
  16. </table>
  17. </form>
  18. {else}

прописать

Код PHP:
  1. {literal}
  2. <script type="text/javascript">
  3. $(document).ready(function() {
  4. $("#validate").keyup(function(){
  5. var email = $("#validate").val();
  6. if(email != 0)
  7. {
  8. if(isValidEmailAddress(email))
  9. {
  10. $("#validEmail").css({
  11. "background-image": "url('validYes.png')"
  12. });
  13. } else {
  14. $("#validEmail").css({
  15. "background-image": "url('validNo.png')"
  16. });
  17. }
  18. } else {
  19. $("#validEmail").css({
  20. "background-image": "none"
  21. });
  22. }
  23. });
  24. });
  25. function isValidEmailAddress(emailAddress) {
  26. var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
  27. return pattern.test(emailAddress);
  28. }
  29. </script>
  30. {/literal}

далее найти в файле следующий код:

Код PHP:
  1. <input id="validate" name="email" type="text" class="text-input" size="30" value="{$email}"/>
  2. <span class="regstar">*</span>

и заменить на:

Код PHP:
  1. <input id="validate" name="email" type="text" class="text-input" size="30" value="{$email}"/>
  2. <span class="regstar">*</span><span id="validEmail"></span>

далее открыть файл CSS Вашего шаблона и прописать:

#validEmail{

margin-top: 4px;

margin-left: 9px;

position: absolute;

width: 16px;

height: 16px;

}

.text{

font-family: Arial, Tahoma, Helvetica;

}

после в корень вашего сайта (ваш_сайт.ru/) изображения из архива

тут

демку можно глянуть на этом сайте на странице

http://demo.sfk-altai.ru/registration

в поле e-mail начните вводить любой е-mail

Голосуем

Самый нужный компонент