【JavaScript】小样例-js仿jquery的表单验证
来源:互联网 发布:假授权书能过淘宝吗 编辑:程序博客网 时间:2024/04/29 13:43
自己写了一个仿jquery的表单验证,用的纯javascript
效果:
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>js测试</title></head><body> <form action="printPerson.html" method="get" id="commandForm"> 用户名:<input type="text" name="username" id="u" value=""/><font color="red" id="uAlert"></font></br>密码:<input type="password" name="password" id="p" value=""/><font color="red" id="pAlert"></font></br><input type="submit" value="确定" onclick="return confirm()"/> </form></body><script language="javascript">function confirm(){var uELement=document.getElementById("u");var pELement=document.getElementById("p");var flag=1;if(uELement.value==null||uELement.value==""){var uAlertELement=document.getElementById("uAlert");uAlertELement.innerHTML="*用户名不能为空!";flag=0;}else{ var uAlertELement=document.getElementById("uAlert");uAlertELement.innerHTML="";}if(pELement.value==null||pELement.value==""){var pAlertELement=document.getElementById("pAlert");pAlertELement.innerHTML="*密码不能为空!";flag=0;}else{var pAlertELement=document.getElementById("pAlert");pAlertELement.innerHTML="";}if(flag==1){return true;}else{return false;}}</script></html>
转载请注明出处:http://blog.csdn.net/acmman/article/details/48109083
0 0
- 【JavaScript】小样例-js仿jquery的表单验证
- javascript:异步化编程,仿NodeJs的小样
- jQuery的validate.js表单验证插件
- 简单的 Bootstrap Jquery表单验证.js
- jquery验证表单,仿Toast提示效果
- jquery表单验证框架 jquery.validate.min.js的使用
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- Jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- Jquery.validate.js表单验证
- jQuery.validate.js表单验证
- 3 JavaWeb之Mac下Myeclipse配置Tomcat创建一个简单问web工程
- opencv动态地址方式操作像素-at操作
- Servlet
- 安装SVN报错
- 泛型 ---- 泛型在接口上的使用
- 【JavaScript】小样例-js仿jquery的表单验证
- 使用2个队列实现一个栈
- virtualBox 下安装redhat 6 及用xmanager 连接 linux
- 防干扰继电器控制电路
- 写在前面
- svg的transform属性
- web.xml中load-on-startup的作用
- STL中的Stack
- Android Studio App LinearLayout多层布局嵌套