JavaScript进行Form表单验证

最新推荐文章于 2021-09-19 11:22:06 发布

曾燕辉

最新推荐文章于 2021-09-19 11:22:06 发布

阅读量503

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/yh_zeng2/article/details/75209116

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在HTML表单中使用JavaScript进行简单文件上传验证的方法。通过在表单元素中添加onsubmit属性并调用自定义的checkForm()函数来实现。如果验证失败，则阻止表单提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决方案：在<form>表单中添加onsubmit属性，进行表单验证，return true 则验证通过，否则验证不通过，表单不能提交。

具体的demo，如下：

   <form action="${pageContext.request.contextPath}/mutilpartfile/upload" method="post" enctype="multipart/form-data" onsubmit="return checkForm();">
        <input type="file" name="file1" id="file1" multiple="multiple" onchange="checkFile(this)"/> <br>
        <input type="submit" value="提交"/>
   </form>

     function (){
    	 if(document.getElementById("file1").value == ""){
    		 alert("请选择要上传的文件！");
    		 return false;
    	 }
    	 return true;
     }

注意：onsubmit="return checkForm();" 不能写成 onsubmit="checkForm()"，否则即使进入到了checkForm()方法进行了验证，即使验证失败了，还是会提交表单！！