2015-03-18 6 views
1

Я использую шаблон startbootstrap-clean-blog-1.0.2 в качестве основы для моего общего проекта. В настоящее время я делаю небольшое приложение для просмотра/просмотра (моя первая попытка на такую ​​вещь). Когда я нажимаю кнопку «отправить» в моей форме, запускает скрипт проверки подлинности boottaps для формы контактной формы и препятствует отправке формы из-за конфликтов/ошибок в индексе (если я правильно угадываю)Bootstrap не принимает форму отправки

Использование инструментов разработчика Chromes I обнаружил следующую ошибку, когда я нажимаю кнопку отправки:

Uncaught TypeError: Cannot read property 'indexOf' of undefined 
(Clean-blog.js:25) 

$.jqBootstrapValidation.submitSuccess 
(Clean-blog.js:25) 

(anonymous function) 
Clean-blog.js:25 

jquery.js:4409 jQuery.event.dispatch 
(jquery.js:4095) 

jQuery.event.add.elemData.handle 
(jquery.js:4095) 

У меня нет реального понимания Javascript или JQuery, до сих пор обучения PHP. Ошибки, похоже, имеют какое-то отношение к скрипту проверки для контактной формы WHICH. В моем списке/странице просмотра нет ничего (или так я думал). Все, что я пытаюсь сделать, это убедиться, что моя форма работает (Когда я нажимаю кнопку, она переходит на страницу submit.php). Как я могу отправить страницу?

Я видел много сообщений, спрашивающих «как предотвратить отправку», но ничего о том, как получить форму в бутстрапе, чтобы отправить «на стек».

Это мой код:

<form class='' action='sent.php' method='post' name='sendTest'> 
        <ul> 
         <li> 
          <h2>TEST</h2> 
         </li> 
         <li> 
          <label for='name'>Name:</label> 
          <input type='text' name='name' /> 
         </li> 
         <li> 
          <button type='submit'>Insert Name</button> 
         </li> 
        </ul> 

       </form> 

ответ

1

clean-blog ожидает ввода элемента с идентификатором name (var name = $("input#name").val()), который не существует в вашем коде

<input type='text' name='name' id="name"/> 
1

Чтение кода из Clean-blog.js можно проверить который пытается получить доступ к значению ввода по id, используя $("input#name").val(), но вы определяете только name="name".

Код в ЯШАХ:

var name = $("input#name").val(); 
var email = $("input#email").val(); 
var phone = $("input#phone").val(); 
var message = $("textarea#message").val(); 
var firstName = name; // For Success/Failure Message 
// Check for white space in name for Success/Fail message 
if (firstName.indexOf(' ') >= 0) { 
    firstName = name.split(' ').slice(0, -1).join(' '); 
} 

Но результаты селекторных в firstName неопределенном, поэтому не смог выполнить IndexOf.

id="name" Добавить для ввода:

<input type="text" id="name" name="name" /> 
+0

я должен добавить, что в .js или .php или оба? – Chezshire

+0

Просто укажите id = "name" в поле ввода вашего php. –

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