Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 两张表格在同一页上提交,只有第一张有效。JQuery_Javascript_Jquery - Fatal编程技术网

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
   }