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()方法进行了验证,即使验证失败了,还是会提交表单!!
阅读全文
0 0
- JavaScript进行Form表单验证
- 利用javascript进行表单验证
- 使用javascript进行表单验证
- javascript验证表单form的通用函数
- javaScript做form表单验证及特效
- form表单javascript验证(防遗忘)
- javaScript做form表单验证及特效
- JavaScript form对象,表单简单验证
- javascript进行页面表单验证格式
- javascript结合正则进行表单验证1
- javascript结合正则进行表单验证2
- asp.net利用js进行form验证表单
- asp.net利用js进行form验证表单
- 用 Javascript 验证表单(form)中多选框(checkbox)值
- Javascript 简易Form表单验证模块 可扩展
- javascript onsubmit本页面验证form表单后提交
- 谈谈Form表单验证
- form表单验证
- vb.net 教程 4-8 文本文件读写 4
- Logistic回归
- 猜数字
- 洛谷 P3773 [CTSC2017]吉夫特(bzoj P4903 [CTSC2017]吉夫特/uoj P300【CTSC2017】吉夫特)
- JAVA8 匿名内部类和lambda表达式
- JavaScript进行Form表单验证
- 实例学习STL之队列
- 在windows2008上搭建Seafile开源网盘系统
- hdu1542线段树+离散化+扫描线详解
- LeetCode50 pow(x, n)
- Unity之ScrollRect滑动居中
- 系统学习java高并发系列二
- 1648: [Usaco2006 Dec]Cow Picnic 奶牛野餐
- 网络编程中对TCP协议和UDP协议的理解