方法
第一种,在form表单中加入onsubmit事件,进入事件后,可以通过dom.forms[父formname][子formname].value,然后测试这个别名是否为空,在这个判断语句中即可放入想要的表单验证
第二种,在input中加入required,这个是浏览器默认的校验,如果说input中加入required,则默认它生效.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form name="myform" onsubmit="return dianji()" method="post"> name:<input type="text" name="fname"> age:<input type="text" required /> <input type="submit" value="Submit"> </form> <script> function dianji() { const x = document.forms["myform"]["fname"].value; if (x == "") { alert("提交失败,请重新输入name") return false; } } </script> </body> </html>