提交按钮不适用于使用JavaScript验证表单
[英]submit button is not working for validating form with JavaScript
问题描述
I wrote a code when I click on the submit button The text will appear just for less than 1 second how can I make it forever? 
当我单击“提交”按钮时，我写了一个代码。文本将仅显示不到1秒钟，如何才能永久显示呢？
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <form action="#" method="post" onSubmit="return validcheck()"> <input type="text" id="firstname" name="firstname"> <input type="submit"> <div id="error1"></div> </form> <script> function validcheck() { var checkingg = document.getElementById('firstname').value; if (checkingg == null || checkingg == "") { document.getElementById('error1').innerHTML = 'please write something here'; } else { document.getElementById('name-error').innerHTML = ''; } } </script> </body> </html>
3 个解决方案
解决方案1
0 已采纳 2017-10-31 20:47:57
Just return false from your method: 只需从您的方法返回false即可：
function validcheck() {
var checkingg = document.getElementById('firstname').value;
if (checkingg == null || checkingg == "") {
document.getElementById('error1').innerHTML = 'please write something here';
} else {
document.getElementById('name-error').innerHTML = '';
}
return false;
}
解决方案2
0 2017-10-31 20:49:26
You are missing return statement 您缺少退货声明
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <form action="#" method="post" onSubmit="return validcheck()"> <input type="text" id="firstname" name="firstname"> <input type="submit"> <div id="error1"></div> </form> <script> function validcheck() { var checkingg = document.getElementById('firstname').value; if (checkingg == null || checkingg == "") { document.getElementById('error1').innerHTML = 'please write something here'; } else { document.getElementById('name-error').innerHTML = ''; } return false; } </script> </body> </html>
解决方案3
0 2017-10-31 20:54:44
您可以采取以下措施。
<form action="javascript:void(0)" method="post" onSubmit="return validcheck()">
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
在提交按钮上验证表单 - Validating Form on Submit button
验证Javascript中的表单不起作用 - Validating a form in Javascript not working
JavaScript表单提交按钮不起作用innerHTML - Javascript form submit button not working innerHTML
JavaScript无法在第二次提交请求时验证表单 - JavaScript not validating form on second submit request
验证数据无效后如何提交表单？ - How to submit form after validating data not working?
JavaScript函数无法验证表单 - Javascript function not working on validating the form
JavaScript中的表单提交按钮 - Form submit button in JavaScript
表单提交按钮不起作用 - Form submit button not working
Javascript：需要帮助来验证表单的两个方面，然后将启用“提交”按钮 - Javascript: Need help validating two aspects of a form, which will then enable the SUBMIT button
表格提交的JavaScript不起作用 - form submit javascript not working
相关标签