Question

我在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); }

但仍无法正常工作

Answer 1

html5'required'关键字与safari的效果不同，例如chrome。您应该编写自己的javascript验证或使用众多prerolled validation libraries中的一个。

Answer 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>

现在，您已通过JavaScript成功验证了HTML控件。

需要Safari输入类型的电子邮件

2 个答案: