Javascript 引导防止表单提交

我正在使用模板作为我的一般项目的基础。我目前正在制作一个小的列表/视图应用程序（我第一次尝试这样做）。当我单击表单中的“提交”按钮时，会运行联系人表单的bootstaps验证脚本，并由于“indexof”冲突/错误（如果我猜对了）而阻止表单提交

使用Chromes developer工具，我在单击“提交”按钮时发现以下错误：

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。这些错误似乎与联系人表单的验证脚本有关，而我的列表/视图页面与此无关（或者我是这么认为的）。我所要做的就是确保我的表单正常工作（当我点击按钮时，它会进入submitted.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>

试验


姓名：


插入名称

需要一个id为

name

（

var name=$（“input#name”）.val（）的输入元素，但该元素不在代码中

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


从读取代码时，您可以使用
$（“input#name”）.val（）检查试图通过id访问输入值的用户，但您只定义了
name=“name”

js中的代码：

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" />

我是否要将其添加到.JS或.php或两者中？只需在php的输入字段中包含id=“name”。