如何在提交后禁用输入字段

Question

I need help disabling an input field after the submit button is clicked. I'm currently using Laravel, so I'm not sure if the jQuery is placed somewhere else other than the view. I tried putting this jQuery code in index.blade.php, but it didn't work.

<script type="text/javascript">
    $(document).onclick(function(){
         $("#pid :input").prop("disabled", true);
    });
</script>

Answer 1

Just listen for a submit click, then set the Boolean disabled attribute of the input:

$("#submit").on("click", function() {
    $("#pid").attr("disabled", "disabled");
});

Answer 2

Check my code.I have created an example of a form and input element.

For more info about serialization check this link

You will send using ajax the input elements values to file.php, then the echo from the file.php will send to ajax call the data and the data will be printed in console.

After that the input field will be disabled.

file.php

<?php 
header('Access-Control-Allow-Origin: *');

if(isset($_GET['nm'])){
    $name = $_GET['nm'];

    echo $name;
}

?>

 $("#frm1").submit(function(e){ //make sure you have name value in each input element $.ajax({ method:'get', url:'http://localhost/file.php', data:$(this).serialize() }).done(function( data ) { console.log(data); }).fail(function( jqXHR, textStatus ) { alert( "Request failed: " + textStatus ); }); //after submit disable the input elememt $("#nm").prop("disabled", true); e.preventDefault(); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="frm1" action="" method="post"> <input type="text" id="nm" name="nm" /> <input type="submit" value="Submit"/> </form>