Требуется тип ввода электронной почты Safari

#javascript #php #html #safari

#javascript #php #HTML #safari

Вопрос:

У меня есть контактная форма в html / php, все работает нормально, однако в браузере SAFARI, если я пытаюсь связаться / отправить без записи во всех полях ввода, форма не проверяется

Например, у меня есть

 <form>
<input id="txtEmail" class="formincricao" type="email" required placeholder="email" value="" name="txtEmail"/>
<input type="submit" name="btnSendInfo" value="send" id="btnSendInfo" />
</form>

Требуемый не работает Также тип электронной почты … в safari не проверяет электронные письма

Я пытаюсь проверить, используя

 var forms = document.getElementsByTagName('form'); for (var i = 0; i < forms.length; i  ) {
forms[i].noValidate = true;

forms[i].addEventListener('submit', function(event) {
    //Prevent submission if checkValidity on the form returns false.
    if (!event.target.checkValidity()) {
        event.preventDefault();
        alert('Please, fill the form');
        //Implement you own means of displaying error messages to the user here.
    }bnbvds
}, false); }

Однако все еще не работает

Ответ №1:

Ключевое слово html5 ‘required’ не работает так хорошо с safari, как, скажем, с Chrome. Вы должны написать свою собственную проверку на javascript или использовать одну из многих предварительно загруженных библиотек проверки.

1. Да, я понимаю. И я пытаюсь создать проверку javascript. Однако я все еще не могу проверить электронные письма

2. Вы можете использовать регулярные выражения javascript, чтобы убедиться, что присутствует символ @ или что-то подобное.

Ответ №2:

 <input type='text' id='txtEmail'/>
<input type='submit' name='submit' onclick='Javascript:checkEmail();'/>

Теперь, когда кнопка нажата, будет вызвана функция JavaScript SubmitFunction(). Теперь напишите приведенный ниже код в этой функции.

 <script language="javascript">

function checkEmail() {

    var email = document.getElementById('txtEmail');
    var filter = /^([a-zA-Z0-9_.-]) @(([a-zA-Z0-9-]) .) ([a-zA-Z0-9]{2,4}) $/;

    if (!filter.test(email.value)) {
    alert('Please provide a valid email address');
    email.focus;
    return false;
 }
}</script>

Теперь вы успешно проверили свои элементы управления HTML с помощью JavaScript.