Javascript 无法重置laravel中的输入字段

当用户单击rest按钮时，我需要重置输入字段，页面上除输入字段外的其他内容正在被清除，我不确定是否会发生这种情况，因为我在post请求后使用了旧值

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

重置按钮：

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

<button class="btn btn-primary" id="reset-button" type="reset">Reset</button>

重置

尝试使用重置（） document.getElementById（“应用程序编号”）.reset（）

对按钮使用

type=“reset”

：

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

<button type="reset">Cancel</button>

取消

在这种情况下，必须使用JQuery库。基本您需要为此元素设置ID。在jquery中，单击这个元素

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

$('#app_number').on('change', function () {
   // enter code here
});

您的重置按钮：

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

<button class="btn btn-primary" id="reset-button" onclick="myFunction()">Reset</button>

---

请尝试在js中使用，如：

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

$(document).on('click', '#YourOnclickButtonID', function(){
    var $alertas = $('#YourFormID');
    $alertas.validate().resetForm();
});

---

因此，回答我自己的问题，任何反馈都将不胜感激，但这是有效的

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

事实证明，无论什么

value=“{！！Request:：input（'app_number'）！！}”

在服务器端执行此代码时总是有价值的，除非您发出另一个

post

请求，否则您无法更改该值，并且仅使用vanilla JS而不使用post请求，这无法完成

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

因此，与其从

Request

中获取值，不如直接从用户输入中获取值并保存到本地存储，然后抓取它并注入到输入字段中

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

我在输入字段中添加了

onkeyup

事件离子

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

<input type="text" name="app_number" class="form-control" onkeyup='saveValue(this);' id="app_number" placeholder="Application Number" required>

然后像往常一样重置表单

 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !!}" id="app_number" placeholder="Application Number" required>

document.getElementById("appForm").onreset = function() {
document.getElementById("app_number").value = '';
};

---

我已经在使用

Reset

是表单中的输入字段吗？是的，它在表单名称

appForm

中，那么我猜是

Request:：input（'app_number'）

总是有一个值。是的，我也是这么想的，但我需要旧值，我尝试了

old（'app_number'）

，但它不起作用。try:document.getElementById（“app_number”）.reset（）；问题是我没有使用JQuery，我需要香草JS