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

本篇文章主要是对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-08-03 11:09:58

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

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 jquery获取随机生成id的服务器控件的三种方法_jquery

由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<asp:TextBox ID="txtUserID" runat="server"></asp:TextBox> 1. $("#<%=txtUserID.ClientID%>").val(); 2. $("input[id*=txtUserID]&qu

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

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

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