Форма с подтверждением не отправляется на Мобильный телефон

Question

Прослушивание с помощью jquery и мобильных устройств и обнаружение того, что моя проверка формы работает на 95% в мобильном телефоне (отлично на рабочем столе). Я имею в виду, что мой код (ниже) проверяет, имеет ли входы значение и если не возвращает предупреждение. Если все они имеют значения, то они подают. Однако, когда все входы действительны, моя кнопка отправки не работает.

Я думал, что это может быть onsubmit = "return false" в теге формы, но удаление его ничего не делало. Действительно превзойденный этим и хотел бы получить некоторый опыт от экспертов jquery. (Я смотрел на другой вопрос на сайте, но никто, похоже, не помог исправить мою проблему)

Код jquery ниже, и я поместил всю форму в jsfiddle. Что мне не хватает, спасибо заранее

http://jsfiddle.net/wgw3p9ee/1/

function vForm() { 
$('#fSubmit').click(function() { 
    if (0 === $('#fname').val().length) { 
     alert('Please Enter Your First Name.'); 

    } else if (0 === $('#lname').val().length) { 
     alert('Please Enter Your Last Name.'); 

    } else if (0 === $('#address').val().length) { 
     alert('Please Enter Your Address.'); 

    } else if (0 === $('#city').val().length) { 
     alert('Please Enter Your City.'); 

    } else if (0 === $('#mailState').val().length) { 
     alert('Please Enter Your State.'); 

    } else if (0 === $('#zip').val().length) { 
     alert('Please Enter Zipcode.'); 

    } else if (0 === $('#email').val().length) { 
     alert('Please Enter Email.'); 

    } else if (0 === $('#phone').val().length) { 
     alert('Please Enter Your Phone Number.'); 

    } else { 
     $("form").submit(); 
    } 
}); 

} 

Answer 1

Я вижу некоторые свободные теги закрытия.

</h2> 
    </div> 
    <div class="liNav"> 
     <input type="button" value="SUBMIT" id="fSubmit" onclick="vForm();" /> 
</form> 

Вы можете заменить эти строки с этим:

<div class="liNav"> 
    <input type="button" value="SUBMIT" id="fSubmit" onclick="vForm();" /> 
</div> 

</form> 

Там еще одна большая проблема: каждый раз, когда кнопка отправки нажата, vForm() называется. vForm() создает экземпляр обработчика щелчка для кнопки отправки при каждом нажатии кнопки отправки - вот почему при первом нажатии на кнопку ничего не происходит. Для работы нужно всего один обработчик, поэтому бит function vform() { можно удалить вместе с атрибутом onclick элемента #fSubmit.

Вот working JSFiddle example3, что я имею в виду.