我正在使用 Laravel 7 構建一個表單。首先，用戶需要在帶有數據列表的輸入框中選擇一個項目，一旦選擇就會顯示相應的詳細信息（“模糊”輸入框）。用戶還可以將自定義項目添加到列表中。數據庫用于存儲所有項目，如果用戶添加自定義的項目，它將存儲在數據庫中以便顯示。因此，由于它是一個輸入框，因此用戶可以輸入內容。如果數據庫中不存在輸入，我希望它不顯示任何信息，直到用戶單擊添加按鈕將自定義項目以及輸入下拉列表添加到數據庫中，然后將顯示默認信息。但是如何判斷輸入是否存在于數據庫中呢？表單是這樣的，我使用 Jquery 來隱藏/顯示div選擇的項目。<form action"/send" method="post"> <div id="info1"> <!-- info about first item --> </div> <div id="info2"> <!-- info about second item --> </div> <div id="info_default"> <!-- if customised item is chosen, show this one --> </div> <div id="info_does_not_exist"> <!-- if cannot find the input item in database, show this one --> </div> <button type="submit">submit</button></form>
2 回答
慕勒3428872
TA貢獻1848條經驗 獲得超6個贊
對于簡單的方法，我建議您使用 jQuery 的 Ajax，這樣您就不必進行太多更改，添加一條 API 路由、檢查數據庫中的數據和幾行 JavaScript 代碼。您可以嘗試以下方法：
控制器：
use Your\Namespace\Path\Of\Model Model
Class ABC {
...
public function checkExist(){
$data = request()->get('data'); // get data to check
$model = new Model();
$where = ['id' => $data]; // passing your where condition to check
return $model->where($where)->get()->count() > 0;
}
}
路由文件（web.php/api.php）：
路線::get('checkExist', 'ABC@checkExist');
看法
<form action"/send" method="post">
<div id="info1">
<!-- info about first item -->
</div>
<div id="info2">
<!-- info about second item -->
</div>
<div id="info_default">
<!-- if customised item is chosen, show this one -->
</div>
<div id="info_does_not_exist">
<!-- if cannot find the input item in database, show this one -->
</div>
<button type="submit">submit</button>
</form>
...
<script>
$(function(){
// every time input change, check value existence in database
$('.info2 input').change(function(){
let input_value = $(this).val();
$.ajax({
url: "{{ route('checkExist') }}",
method: "GET",
data: {"id": input_value},
success: function(response){
// process if/else to show div '.info_default' / '.info_does_not_exist'
if (response) {
// show '.info_default' and hide '.info_does_not_exist'
} else {
// show '.info_does_not_exist' and hide '.info_default'
}
}
});
})
})
</script>
這不是實際的可運行代碼，只是一個想法，根據此，您可以根據您的進一步愿望進行調整。希望這會有所幫助
UYOU
TA貢獻1878條經驗 獲得超4個贊
您必須使用 AJAX 之類的工具來檢查數據庫中的用戶輸入值，然后做出正確的決定，不顯示任何內容，直到添加或顯示數據庫中的內容。
因此工作流程如下：用戶輸入 => ajax 接受用戶輸入并提交給控制器函數以檢查數據庫中的值是否存在 => 根據此控制器函數返回的值 => 向用戶顯示正確的值
- 2 回答
- 0 關注
- 172 瀏覽
添加回答
舉報
0/150
提交
取消