如何在提交后禁用输入字段
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在提交后禁用输入字段相关的知识，希望对你有一定的参考价值。
单击提交按钮后，我需要帮助禁用输入字段。我目前正在使用Laravel，所以我不确定jQuery是否放在除了视图之外的其他地方。我尝试将这个jQuery代码放在index.blade.php,中，但它没有用。
<script type="text/javascript">
$(document).onclick(function(){
$("#pid :input").prop("disabled", true);
});
</script>
答案
只需听取提交点击，然后设置输入的布尔值disabled属性：
$("#submit").on("click", function() {
$("#pid").attr("disabled", "disabled");
});
另一答案
检查我的代码。我创建了一个表单和输入元素的示例。
有关序列化的更多信息，请查看此link
您将使用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>以上是关于如何在提交后禁用输入字段的主要内容，如果未能解决你的问题，请参考以下文章