提交按钮点击事件mvc后如何调用javascript function

Question

I have search form with submit button on it i want to make every textbox after submit to be readonly

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

that code work fine if i change the type to button any idea to make it work as a submit type

 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

If the button is of submit type, you can add an onclick function to initiate the Javascript. This can be seen in the following code:

 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" />

When the button is clicked, it will initiate the search() function.