entityMap|blocks|key|ff49m|text|对按钮使用type="reset"：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|185lj|<button+type="reset">Cancel</button>|code-block|syntax|javascript|1rs0h^0|5|C|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@$A|N|B|O|C|D]]|E|@]|F|$]]|$2|G|4|H|6|I|8|P|9|@]|E|@]|F|$J|K]]|$2|L|4|-4|6|7|8|Q|9|@]|E|@]|F|$]]]]

Use <code>type="reset"</code> for your button:

<pre><code>&lt;button type="reset"&gt;Cancel&lt;/button&gt;
</code></pre>

entityMap|blocks|key|bsukl|text|尝试使用reset()：document.getElementById("app_number").reset()；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3su8d^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|D|9|@]|A|@]|B|$]]|$2|C|4|-4|6|7|8|E|9|@]|A|@]|B|$]]]]

try using reset():
document.getElementById("app_number").reset();

entityMap|blocks|key|bkn21|text|在这种情况下，您必须使用JQuery库。基本您需要设置此元素的ID。在jquery中，您会听到单击此元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|44pbf|$('#app_number').on('change',+function+()+{
+++//+enter+code+here
});|code-block|syntax|javascript|b8v9u^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|J|9|@]|A|@]|B|$F|G]]|$2|H|4|-4|6|7|8|K|9|@]|A|@]|B|$]]]]

In this case you must use JQuery Lib. Basic you need to set ID for this element. And in jquery you listen click on this Element.

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

entityMap|blocks|key|34qj7|text|您的重置按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|89a3u|<button+class="btn+btn-primary"+id="reset-button"+onclick="myFunction()">Reset</button>|code-block|syntax|javascript|6bhu9|在js中：|e8n4|function+myFunction(){
+++document.getElementById("app_number").value+=+"";
}|dse9n^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|N|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|O|9|@]|A|@]|B|$]]|$2|J|4|K|6|E|8|P|9|@]|A|@]|B|$F|G]]|$2|L|4|-4|6|7|8|Q|9|@]|A|@]|B|$]]]]

Your reset button :

<pre><code>&lt;button class="btn btn-primary" id="reset-button" onclick="myFunction()"&gt;Reset&lt;/button&gt;
</code></pre>

In js:

<pre><code>function myFunction(){
 document.getElementById("app_number").value = "";
}
</code></pre>

entityMap|blocks|key|ehf2f|text|请尝试在js中使用，如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|6ilcl|$(document).on('click',+'#YourOnclickButtonID',+function(){
++++var+$alertas+=+$('#YourFormID');
++++$alertas.validate().resetForm();
});|code-block|syntax|javascript|5fmq9^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|J|9|@]|A|@]|B|$F|G]]|$2|H|4|-4|6|7|8|K|9|@]|A|@]|B|$]]]]

Please try to use in js like:

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

entityMap|blocks|key|eerh2|text|所以回答我自己的问题，任何反馈都将不胜感激，但这是有效的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|sdt6|事实证明，不管是什么，value="{!!+Request::input('app_number')+!!}"总是有值的，因为这段代码是在服务器端执行的，除非您发出另一个post请求，否则不能更改这个值，如果只使用普通的JS，没有post请求，就不能这样做。|offset|length|style|CODE|1tn9r|因此，与从Request获取值不同，为什么不直接从用户输入中获取值并将其保存到本地存储中，然后抓取它并注入到输入字段中。|2kqek|我将onkeyup事件离子添加到输入字段中|c3mnn|<input+type="text"+name="app_number"+class="form-control"+onkeyup='saveValue(this);'+id="app_number"+placeholder="Application+Number"+required>|code-block|syntax|javascript|89ham|和JS来存储和检索输入|fjrmd|document.getElementById("app_number").value+=+getSavedValue("app_number");+//+set+the+value+to+this+input

function+saveValue(e)+{
++var+id+=+e.id;+//+get+the+sender's+id+to+save+it+.
++var+val+=+e.value;+//+get+the+value.
++localStorage.setItem(id,+val);+//+Every+time+user+writing+something,+the+localStorage's+value+will+override+.
}

//get+the+saved+value+function+-+return+the+value+of+"v"+from+localStorage.
function+getSavedValue(v)+{
++if+(!localStorage.getItem(v))+{
++++++return+"";+//+You+can+change+this+to+your+defualt+value.
++}
++return+localStorage.getItem(v);
}|9rtvh|然后像往常一样重置窗体|55n2e|document.getElementById("appForm").onreset+=+function()+{
document.getElementById("app_number").value+=+'';
};|8nu6e^0|0|B|18|2D|4|0|5|7|0|2|7|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|10|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|11|9|@$E|12|F|13|G|H]|$E|14|F|15|G|H]]|A|@]|B|$]]|$2|I|4|J|6|7|8|16|9|@$E|17|F|18|G|H]]|A|@]|B|$]]|$2|K|4|L|6|7|8|19|9|@$E|1A|F|1B|G|H]]|A|@]|B|$]]|$2|M|4|N|6|O|8|1C|9|@]|A|@]|B|$P|Q]]|$2|R|4|S|6|7|8|1D|9|@]|A|@]|B|$]]|$2|T|4|U|6|O|8|1E|9|@]|A|@]|B|$P|Q]]|$2|V|4|W|6|7|8|1F|9|@]|A|@]|B|$]]|$2|X|4|Y|6|O|8|1G|9|@]|A|@]|B|$P|Q]]|$2|Z|4|-4|6|7|8|1H|9|@]|A|@]|B|$]]]]

So answering my own question, any feedback would be appreciated but this is working.

It turns out that no matter what <code>value="{!! Request::input('app_number') !!}"</code> will always have value as this code gets executed on the server side and unless you make another <code>post</code> request you can not change the value and by using only vanilla JS and without post request this cannot be done.

So, instead of getting values from <code>Request</code> why not just takes the values from user input and save it to local storage and then just grab it and inject into the input field.

I added <code>onkeyup</code> event ion to the input field

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

and JS to store and retrieve input

<pre><code>document.getElementById("app_number").value = getSavedValue("app_number"); // set the value to this input

function saveValue(e) {
 var id = e.id; // get the sender's id to save it .
 var val = e.value; // get the value.
 localStorage.setItem(id, val); // Every time user writing something, the localStorage's value will override .
}

//get the saved value function - return the value of "v" from localStorage.
function getSavedValue(v) {
 if (!localStorage.getItem(v)) {
 return ""; // You can change this to your defualt value.
 }
 return localStorage.getItem(v);
}
</code></pre>

and then reset the form as usual 

<pre><code>document.getElementById("appForm").onreset = function() {
document.getElementById("app_number").value = '';
};
</code></pre>

I need to reset the input field when user clicks on the rest button, I have other content on the page which is getting cleared except input field, I'm not sure if this is happening because I'm using old values after post request. 

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

JS for reset button:

<pre><code>document.getElementById("appForm").onreset = function() {
 document.getElementById("app_number").value = "";
 };
</code></pre>

Reset Button:

<pre><code>&lt;button class="btn btn-primary" id="reset-button" type="reset"&gt;Reset&lt;/button&gt;
</code></pre>

Not able to reset input field in laravel

服务器

当用户单击rest按钮时，我需要重置输入字段，页面上除输入字段外的其他内容正在被清除，我不确定是否发生了这种情况，因为我在post请求后使用了旧值。 <input type="text" name="app_number" class="form-control" onreset="this.value=''" value="{!! Request::input('app_number') !

问无法在laravel中重置输入字段
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在laravel中重置输入字段EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在laravel中重置输入字段
EN