js校验表单后提交表单的几种方法

第一种:

 

<script type="text/javascript">
         function check(form) {
          
          if(form.userId.value=='') {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==''){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }
         return true;
         }
</script>

<form action="login.do?act=login" method="post">

用户帐号
  <input type=text name="userId" size="18" value="" >

<br>

 登录密码     

<input type="password" name="password" size="19" value=""/>     

 <input type=submit name="submit1" value="登陆" onclick="return check(this.form)"> 

</form> 

 

 

 第二种

 

 

<script type="text/javascript">
         function check(form) {
          
          if(form.userId.value=='') {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==''){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }
         return true;
         }
</script>

<form action="login.do?act=login" method="post" onsubmit="return check(this)">

用户帐号
  <input type=text name="userId" size="18" value="" >

<br>

 登录密码     

<input type="password" name="password" size="19" value=""/>     

 <input type=submit name="submit1" value="登陆"> 

</form>        

 

 

 

第三种:

 

<script type="text/javascript">
         function check(form) {
          
          if(form.userId.value=='') {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==''){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }
        

          document.myform.submit();

}
</script>

<form action="login.do?act=login" name="myform" method="post">

用户帐号
  <input type=text name="userId" size="18" value="" >

<br>

 登录密码     

<input type="password" name="password" size="19" value=""/>     

<input type=button name="submit1" value="登陆" onclick="check(this.form)"> 

</form>

时间: 2024-12-30 15:31:04

js校验表单后提交表单的几种方法的相关文章

js校验表单后提交表单的三种方法

本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 第一种:  代码如下: <script type="text/javascript">          function check(form) {             if(form.userId.value=='') {                 alert("请输入用户帐号!");                 form.us

js校验表单后提交表单的三种方法总结

作者: 字体:[增加 减小] 类型:转载 时间:2014-02-28 本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 第一种: 复制代码 代码如下: <script type="text/javascript">          function check(form) {           if(form.userId.value=='') {                 alert("请输入

JS实现n秒后自动跳转的两种方法_javascript技巧

本文实例为大家分享了JS实现n秒后自动跳转的两种方法,供大家参考,具体内容如下 第一种使用SetInterval: $(function () { setInterval(ChangeTime, 1000); }); function ChangeTime() { var time; time = $("#time").text(); time = parseInt(time); time--; if (time <= 0) { window.location.href = &q

js校验表单后提交表单的三种方法总结_javascript技巧

第一种: 复制代码 代码如下: <script type="text/javascript">         function check(form) {           if(form.userId.value=='') {                alert("请输入用户帐号!");                form.userId.focus();                return false;           }  

框架中jsp弹出js后提交表单时执行action时没有跳转回原jsp,

问题描述 框架中jsp弹出js后提交表单时执行action时没有跳转回原jsp,而是在打开了另外一个页面,我想让它跳回原jsp.人事管理中后台,框架右边显示员工所有信息,点上面添加员工,弹出一个子页面,填写信息点提交执行Action但是跳转是打开新的查询所有员工信息页面,应该是关闭该子页面,并且回到原框架父页面.这样跳转才是对,如何解决 解决方案 解决方案二:框架中jsp弹出js后提交表单时执行action时没有跳转回原jsp,解决方案三:怎么可能跳回原页面呢?肯定是跳到result页面啊.你要

js实现键盘Enter键提交表单的方法

  本文实例讲述了js实现键盘Enter键提交表单的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 //执行键盘按键命令 function keyDown(e){ var keycode = 0; //IE浏览器 if(CheckBrowserIsIE()){ keycode = event.keyCode; }else{ //火狐浏览器 keycode = e

js实现键盘Enter键提交表单的方法_javascript技巧

本文实例讲述了js实现键盘Enter键提交表单的方法.分享给大家供大家参考.具体实现方法如下: //执行键盘按键命令 function keyDown(e){ var keycode = 0; //IE浏览器 if(CheckBrowserIsIE()){ keycode = event.keyCode; }else{ //火狐浏览器 keycode = e.which; } if (keycode == 13 ) //回车键是13 { //document.getElementById("lo

Javascript的表单验证-提交表单_javascript技巧

推荐阅读:Javascript的表单验证长度 Javascript的表单验证-初识正则表达式 Javascript的表单验证-揭开正则表达式的面纱 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 坏数据不该抵达服务器:提交表单时的验证 表单域对象里有个form特性,它使用数组表示了整份表单的域 假如这里只有一个简单的信息文本框和一个邮政编码框,还有一个提交按钮 <form> <input id="message" name

JS点击链接后慢慢展开隐藏着图片的方法

 这篇文章主要介绍了JS点击链接后慢慢展开隐藏着图片的方法,实例分析了javascript操作图片的隐藏与现实技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS点击链接后慢慢展开隐藏着图片的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html> <title>JS点击链接后,慢慢展开隐藏着的图片</title> <body> <script language="JavaScript"&