提交form表单后,先进行输入的校验。客户端(将方法写在js里面)

简介:

jsp:
<script type="text/javascript">
 function check(){
  var userName = document.getElementById("name").value;
  var pass1 = document.getElementById("pass1").value;
  var pass2 = document.getElementById("pass2").value;
  var email = document.getElementById("email").value;  
  if(userName == ""|| pass1 == ""|| pass2 == ""|| email == ""){
   alert("请将登录信息填写完整");
   return false;
  }
 }
</script>
 
 
 
 <form action="#" method="post" onsubmit="return check();" />
 <input type="text" name="user.name" id="pass1" />
 <input type="password" name="user.pass" id="pass2" />
 <input type="password" id="name">
 <input type="text" name="user.email" id="email" />
 <input type="reset" value="重置" />
 <input type="submit" value="注册" />
 </form>
 
   if(userName.length<15||userName.length>3){  
    pName.innerHTML = "";
    return false;
   }

 

看demo:


相关文章
|
12天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
13天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
16 0
|
15天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
1月前
|
移动开发 JavaScript 前端开发
JavaScript的正则表达式实现邮箱校验
JavaScript的正则表达式实现邮箱校验
50 1
|
1月前
|
JavaScript 前端开发
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
19 1
|
1月前
|
JavaScript
JS绑定事件的三种方法(简单易懂)
JS绑定事件的三种方法(简单易懂)
|
1月前
|
JavaScript
JS中改变this指向的六种方法
JS中改变this指向的六种方法
|
12天前
|
JavaScript 前端开发 索引
JavaScript中与字符串相关的方法
JavaScript中与字符串相关的方法
|
1月前
|
JavaScript
JS数组增删方法的原理,使用原型定义
JS数组增删方法的原理,使用原型定义
|
5天前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
js 垃圾回收机制的方法