JavaScript进行Form表单验证

来源:互联网 发布:美国iea数据 编辑:程序博客网 时间:2024/05/19 06:48

解决方案:在<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()方法进行了验证,即使验证失败了,还是会提交表单!!

原创粉丝点击