Форма подтверждения JQuery Не публиковать

Я настроил свою форму для проверки необходимых полей, но она не отправляется, даже если все поля заполнены правильно. По моему мнению, jquery.validate.min.js блокирует его отправку. Кто-нибудь знает, почему моя форма не отправляется?Форма подтверждения JQuery Не публиковать

код ниже:

<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
    <script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script> 
    <script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script> 
    <link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css"> 
</head> 


<div> 
<form id="myform" method="POST" action=""> 

<label for="fname">First Name *: </label> 
<input id="fname" name="fname"> 
<br/> 
<label for="lname">Last Name *: </label> 
<input id="lname" name="lname"> 
<br/> 
<label for="email">Email *: </label> 
<input id="email" name="email"> 
<br/> 
<label for="jtitle">Job Title *: </label> 
<input id="jtitle" name="jtitle"> 
<br/> 
<label for="orgname">Organization *: </label> 
<input id="orgname" name="orgname"> 
<br/> 
<label for="orgname">Describe Yourself *: </label> 
<input id="desyourself" name="desyourself" type="hidden" value="123"> 
<select id="desyourself" name="desyourself"> 
        <option value=""> 
        Choose One...  </option> 
        <option value="124"> 
        Customer 
        </option> 
        <option value="125"> 
        Partner 
        </option> 
        <option value="126"> 
        Prospect 
        </option> 
        <option value="127"> 
        Other 
        </option> 
        <option value="128"> 
        Misc. 
        </option> 
</select> 
<br/> 
<input type="submit" value="Validate!"> 
</form> 
</div> 



<script> 
// avoids form submit 
jQuery.validator.setDefaults({ 
    debug: true, 
    success: "valid" 
}); 

$.validator.methods.email = function(value, element) { 
    return this.optional(element) || /^([\w-\.][email protected](?!gmail.com)(?!yahoo.com)(?!hotmail.com)([\w-]+\.)+[\w-]{2,4})?$/.test(value); 
} 

$("#myform").validate({ 
    rules: { 
    fname: { 
     required: true, 
     minlength: 1, 
     maxlength: 30, 
     lettersonly: true 
    }, 
    lname: { 
     required: true, 
     minlength: 1, 
     maxlength: 30, 
     lettersonly: true 
    }, 
    email: { 
     required: true, 
     email: true 
    }, 
    jtitle: { 
     required: true, 
     minlength: 1, 
     maxlength: 30 
    }, 
    orgname: { 
     required: true, 
     minlength: 1, 
     maxlength: 30 
    }, 
    desyourself: { 
     required: true, 
    } 
    } 
}); 
</script>

источник

2016-05-04 Huy

Любые ошибки Java-скрипт в консоли? –

_ «почему моя форма не отправляется?» _ Дублировать атрибуты '' desyourself' '' id' и 'name' на элементах' input', 'select'? Обратите внимание: 'javascript' не требуется для возврата ожидаемых результатов; вы можете использовать атрибут 'HTML5'' required' – guest271314

После линии предотвращения вашей формы представить:

// avoids form submit 
jQuery.validator.setDefaults({ 
    debug: true, 
    success: "valid"

});

источник

2016-05-04 23:59:28 Aparna

отладки (по умолчанию: ложь) Тип: Boolean Включает отладку Режим. Если значение true, форма не отправляется и на консоли отображаются (проверьте, существует ли свойство window.console). Попробуйте включить, если только форма представлена вместо проверки, останавливающей отправку.

https://jqueryvalidation.org/validate/

источник

2016-05-05 02:21:13

Форма подтверждения JQuery Не публиковать

ответ

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