我一生都無法理解為什么這不起作用。
function test(event) {
alert(event.data.fieldone);
};
$('form').submit({fieldone: $('#field').val()}, test);
我只是得到一個空白警報。如果我硬編碼一個字串并傳遞它,它可以正常作業,如果我在函式中宣告一個變數并以這種方式獲取資料,它也可以作業。是什么賦予了?
uj5u.com熱心網友回復:
它不會處理輸入欄位,因為當輸入欄位為空白時,表單提交行只會在開始時執行一次。
如果您希望它能夠使用輸入欄位內的文本進行警報,則需要添加事件偵聽器。例如,我添加了一個按鈕,該按鈕將觸發在下面的代碼段中的輸入欄位內列印文本的警報。
function test(event) {
event.preventDefault();
console.log(event.data);
alert(event.data.fieldone);
};
$('#submit').click(function() {
var data = $('#field').val();
$('form').submit({'fieldone': data}, test);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<input type="text" name="field" id="field">
<button id="submit" type="submit">submit</button>
</form>
uj5u.com熱心網友回復:
在這個版本中,data引數包含對#field輸入元素的參考,.value然后在提交時讀取屬性,而不是在提交事件附加到表單時讀取:
function test(event) {
event.preventDefault();
console.log(event.data.value);
};
$('form').submit($("#field")[0], test);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<input type="text" name="field" id="field">
<button>submit</button>
</form>
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/456300.html
標籤:javascript jQuery
上一篇:為什么切片不切片陣列?[復制]
