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

Question

单击提交按钮后 ，我需要帮助禁用输入字段。 我目前正在使用Laravel，所以我不确定jQuery是否放在除了视图之外的其他地方。 我尝试将这个jQuery代码放在index.blade.php,但它没有用。

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

Answer 1

只需听取提交点击，然后设置输入的布尔disabled属性：

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

Answer 2

检查我的代码。我创建了一个表单和输入元素的示例。

有关序列化的更多信息，请查看此链接

您将使用ajax将输入元素值发送到file.php，然后来自file.php的echo将发送到ajax调用数据，数据将在控制台中打印。

之后，输入字段将被禁用。

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>