Javascript 两张表格在同一页上提交,只有第一张有效。JQuery
我在一个页面上有两个表单提交,它们都在做相同的事情 一个在工具栏/导航栏上,另一个在主页上。Javascript 两张表格在同一页上提交,只有第一张有效。JQuery,javascript,jquery,Javascript,Jquery,我在一个页面上有两个表单提交,它们都在做相同的事情 一个在工具栏/导航栏上,另一个在主页上。 我遇到的问题是,一旦我在工具栏上添加了表单,主页上的表单在启动时就不会有搜索值,如果我注释掉工具栏上的表单,主页上就会有搜索值 //Toolbar submit <form> <div class="input-append"> <input type="text" class="span3" placeholder="Enter name" />
我遇到的问题是,一旦我在工具栏上添加了表单,主页上的表单在启动时就不会有搜索值,如果我注释掉工具栏上的表单,主页上就会有搜索值
//Toolbar submit
<form>
<div class="input-append">
<input type="text" class="span3" placeholder="Enter name" />
<button type="submit" class="btn-u">Go</button>
</div>
</form>
// Main page submit
<form class="form-inline margin-bottom-5">
<div class="input-append">
<input type="text" class="input-xxlarge" placeholder="Enter class name">
<button type="submit" class="btn-u">Go</button>
</div>
</form>
//JavaScript/JQuery
$("form").submit(function (e) {
var searchTerm = $("input:first").val();
if (searchTerm === '') {
// This part of the code is reached for the second submit,
// I have tried using id on the submit but have the same result
}
//工具栏提交
去
//主页提交
去
//JavaScript/JQuery
$(“表格”)。提交(功能(e){
var searchTerm=$(“输入:第一”).val();
如果(searchTerm==''){
//第二次提交时达到了代码的这一部分,
//我尝试在提交时使用id,但结果相同
}
更改以下内容,在页面上查找第一个输入时,将在实际提交的表单中查找第一个输入
var searchTerm = $("input:first").val();
到
更改以下内容,在页面上查找第一个输入时,将在实际提交的表单中查找第一个输入
var searchTerm = $("input:first").val();
到
您正在查找
var searchTerm=$(“输入:第一”).val();
没有任何信息表明您正在查找提交表单中的第一个输入。此处您正在查找页面第一个表单的第一个输入。将其替换为var searchTerm=$(this)。查找(“输入:第一”).val();
Edit:ho,我回答得太慢了……嗯,至少它确认了解决方案。您正在查找
var searchTerm=$(“输入:第一”).val();
没有任何信息表明您正在查找提交表单中的第一个输入。在这里,您正在查找页面第一个表单的第一个输入。将其替换为var searchTerm=$(this).find(“input:first”).val();
编辑:呵呵,我回答得太慢了……嗯,至少它确认了解决方案。使用“this”来确保您在提交的表单中查找第一个输入:
$("form").submit(function (e) {
var searchTerm = $(this).find("input:first").val();
if (searchTerm === '') {
// This part of the code is reached for the second submit,
// I have tried using id on the submit but have the same result
}
使用“this”确保您在提交的表单中查找第一个输入:
$("form").submit(function (e) {
var searchTerm = $(this).find("input:first").val();
if (searchTerm === '') {
// This part of the code is reached for the second submit,
// I have tried using id on the submit but have the same result
}