提交按鈕點擊事件mvc后如何調用javascript function

Question

我有帶有提交按鈕的搜索表單我想在提交后將每個文本框設置為只讀

 <input id="search"  class="btn btn-info btn-lg btn1" type="submit" value="searh" />

如果我將類型更改為按鈕任何想法使其作為提交類型工作，該代碼工作正常

 var button = document.getElementById('search');
    button.onclick = function () {

        let inputs = document.querySelectorAll('input');

        for (var i = 0; i < inputs.length; i++) {

            inputs[i].readOnly = true;
        }
    }

Answer 1

如果按鈕是提交類型的，可以添加一個onclick function來發起Javascript，可以看下面的代碼：

 function search() { let inputs = document.querySelectorAll('input'); for (var i = 0; i < inputs.length; i++) { inputs[i].readOnly = true; } }

 <input id="search" class="btn btn-info btn-lg btn1" type="submit" onclick="search()" value="Search" />

單擊該按鈕時，它將啟動 search() function。