简单表单验证js
来源:互联网 发布:淘宝退货运费险退多少 编辑:程序博客网 时间:2024/05/18 01:10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="1.php" method="post" name="form">
用户名<input type="text" name="user"><br>
密码<input type="password" name="password"><br>
<input type="button" value='提交' onclick="check()">
</form>
<script>
function check(){
var form=document.form;
var value=document.form.user.value;
var pwd=document.form.password.value;
console.log(value);
if(value=='')
{
alert("用户名不能为空")
form.reset();
}
else if(charcheck(value))
{
alert("包含特殊字符")
form.reset();
}
else if(value.length<6||value.length>18)
{
alert('用户名长度不能小于6,大于8')
form.reset();
}
else if(pwd==""){
alert("密码不能为空")
form.reset();
}
else if(pwd.length<8||pwd.length>16){
alert("密码不能小于8位大于16位")
form.reset();
}
else{
alert('用户名合法')
form.submit();
}
}
function charcheck(str){
var arr=["*","&","<",">","$","\\","/","@"];
for(var i=0;i<arr.length;i++)
{
for(var j=0;j<str.length;j++)
{
if(arr[i]==str.charAt(j))
{return true;}
}
}
return false;
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="1.php" method="post" name="form">
用户名<input type="text" name="user"><br>
密码<input type="password" name="password"><br>
<input type="button" value='提交' onclick="check()">
</form>
<script>
function check(){
var form=document.form;
var value=document.form.user.value;
var pwd=document.form.password.value;
console.log(value);
if(value=='')
{
alert("用户名不能为空")
form.reset();
}
else if(charcheck(value))
{
alert("包含特殊字符")
form.reset();
}
else if(value.length<6||value.length>18)
{
alert('用户名长度不能小于6,大于8')
form.reset();
}
else if(pwd==""){
alert("密码不能为空")
form.reset();
}
else if(pwd.length<8||pwd.length>16){
alert("密码不能小于8位大于16位")
form.reset();
}
else{
alert('用户名合法')
form.submit();
}
}
function charcheck(str){
var arr=["*","&","<",">","$","\\","/","@"];
for(var i=0;i<arr.length;i++)
{
for(var j=0;j<str.length;j++)
{
if(arr[i]==str.charAt(j))
{return true;}
}
}
return false;
}
</script>
</body>
</html>
阅读全文
0 0
- js简单表单验证
- js简单表单验证
- 简单表单验证js
- 简单的JS表单验证
- 简单的JS表单验证
- 简单表单JS验证源码
- JS的实现简单的表单验证
- 简单的 Bootstrap Jquery表单验证.js
- 一个简单的表单验证JS
- javascript 基础 js实现简单表单验证
- 简单好用的表单验证框架(纯js)
- [JS 最简单简洁的插件] 表单验证
- 简单强大的javascript表单验证 - Parsley.js
- JS+JQ简单的表单失焦验证
- 一个简单的表单提交页面,通过js进行验证
- js简单表单验证,判断不能为空
- JS控件:表单验证
- JS控件:表单验证
- 正则表达式实例
- 关于C的一点小感悟 持续更新
- 网络搭建流程整理
- [HDU 6211] Pythagoras
- 地理位置距离计算方法之geohash算法
- 简单表单验证js
- Android AsyncTask原理解析
- 基于Bootstrap的jQuery slider插件的使用bootstrap-slider.js
- 北大OJ 1088
- Docker源码解读:1.flag解读
- Redis+MyBatis自定义注解实现缓存
- Ambari 2.5.0 汉化流程
- 【操作系统】用c++实现简单的进程调度程序
- 2334:Simple prefix compression