jquery沒有從表單中獲取表單數據的相同類名稱

我沒有得到兩個表單提交相同類的表單值。jquery沒有從表單中獲取表單數據的相同類名稱

當我提交的形式之一，一）jQuery的提交事件被稱爲，但值爲空二）提交事件被跳過，我就帶到哪裏輸入信息到數據庫中的PHP文件

我的Jquery

$(document).ready(function(){ 

    $('body').on('submit', '.newStaff', function(event) { 
    event.preventDefault(); 
    var firstName= this.firstName.value; 
    // do other stuff 
     //complete AJAX call 
    }); 
});

我的形式

<form class="newStaff" method="post" action="insertStaff.php"> 
    <input type="text" name="firstName" /> 
    // use other inputs..... 
    <input type="submit" value="submit" /> 
</form> 

<form class="newStaff" method="post" action="insertStaff.php"> 
    <input type="text" name="firstName" /> 
    // use other inputs..... 
    <input type="submit" value="submit" /> 
</form>

我這不是正確的結合？以前沒有這樣的問題。我一直能夠根據提交的表單獲得唯一的輸入值。

來源

2017-08-14 Vbudo

你所說的「上提交的兩種形式」是什麼意思？你是否期望同時提交這兩個表單？或者'submit'處理程序沒有被調用？ '$（function（）{}）'中的jQuery代碼？ – guest271314

當我提交其中一個表單時，該表單中的值爲 a）未發送 b）提交事件被跳過，我被帶到php文件中，我輸入信息到數據庫中 – Vbudo

jQuery中的jQuery代碼（function（）{}）'？ – guest271314

我是你可以使用函數eq jQuery的這個

$(function() { 
 
    $('body').on('submit', '.newStaff', function(event) { 
 
    event.preventDefault(); 
 
    var firstName = $('.newStaff input[name="firstName"]').eq(0).val(); 
 
    alert(firstName); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form class="newStaff" method="post" action="insertStaff.php"> 
 
    <input type="text" name="firstName" value="1 2 3"/> 
 
    <input type="submit" value="submit" /> 
 
</form> 
 

 
<br/> 
 

 
<form class="newStaff" method="post" action="insertStaff.php"> 
 
    <input type="text" name="firstName" value="a b c"/> 
 
    <input type="submit" value="submit" /> 
 
</form>

來源

2017-08-14 01:20:10

jquery沒有從表單中獲取表單數據的相同類名稱

回答

相關問題