<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

    <head>

        <title></title>

        <meta http-equiv="content-type" content="text/html;charset=utf-8">

        <meta name="keywords" content="html,javascript,css">

        <script type="text/javascript">

            function denglu()

            {

                var userno=document.getElementById("userno").value;

                var userpwd=document.getElementById("userpwd").value;

                if(userno=="")

                {

                    return false;

                }

                else if(userpwd=="")

                {

                    return false;

                }

                else

                {

                    return true;

                }

            }

        </script>

    </head>

    <body>

        <form id="form1" action="test_login_handle.php" method="post">

            <div>账号：<input type="text" id="userno" placeholder="输入用户账号" /></div>

            <div>密码：<input type="password" id="userpwd" placeholder="输入用户密码" /></div>

            <div><input type="submit" value="登录" onclick="return denglu()" /></div>

        </form>

    </body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

    <head>

        <title></title>

        <meta http-equiv="content-type" content="text/html;charset=utf-8">

        <meta name="keywords" content="html,javascript,css">

        <script type="text/javascript">

            function denglu()

            {

                var userno=document.getElementById("userno").value;

                var userpwd=document.getElementById("userpwd").value;

                if(userno=="")

                {

                    return false;

                }

                else if(userpwd=="")

                {

                    return false;

                }

                else

                {

                    return true;

                }

            }

        </script>

    </head>

    <body>

        <form id="form1" action="test_login_handle.php" method="post" onsubmit="return denglu()">

            <div>账号：<input type="text" id="userno" placeholder="输入用户账号" /></div>

            <div>密码：<input type="password" id="userpwd" placeholder="输入用户密码" /></div>

            <div><input type="submit" value="登录" /></div>

        </form>

    </body>

</html>

<<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

    <head>

        <title></title>

        <meta http-equiv="content-type" content="text/html;charset=utf-8">

        <meta name="keywords" content="html,javascript,css">

        <script type="text/javascript">

            function denglu()

            {

                var userno=document.getElementById("userno").value;

                var userpwd=document.getElementById("userpwd").value;

                if(userno=="")

                {

                    return false;

                }

                else if(userpwd=="")

                {

                    return false;

                }

                else

                {

                    document.form1.submit();

                }

            }

        </script>

    </head>

    <body>

        <form id="form1" action="test_login_handle.php" method="post">

            <div>账号：<input type="text" id="userno" placeholder="输入用户账号" /></div>

            <div>密码：<input type="password" id="userpwd" placeholder="输入用户密码" /></div>

            <div><input type="button" value="登录" onclick="denglu()" /></div>

        </form>

    </body>

</html>

js验证表单并提交的更多相关文章

  1. jquery.validate.js 验证表单时，在IE当中未验证就直接提交的原因

    jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因 今天利用了jquery.validate.js来验证表单,发现在火狐.谷歌浏览器当中都可以进行验证,但是在IE系列浏 ...

  2. js验证表单大全

    js验证表单大全 1. 长度限制 <script> function test() { if(document.a.b.value.length>50) { alert(" ...

  3. js验证表单密码、用户名是否输入--JS的简单应用

    在登录.注册时,我们经常会遇到下面这种情况,如果我们没有输入用户名.密码时,系统会弹出提示框.提示框信息提示内容是我们密码没有输入密码或者用户名等.那么这样的弹出框效果是如何实现的呢?文章标题既然与j ...

  4. JS 更改表单的提交时间和Input file的样式

    JS转换时间 function renderTime(data) { var da = eval('new ' + data.replace('/', '', 'g').replace('/', '' ...

  5. php通过token验证表单重复提交

    PHP防止重复提交表单 2016-11-08 轻松学PHP 我们提交表单的时候,不能忽视的一个限制是防止用户重复提交表单,因为有可能用户连续点击了提交按钮或者是攻击者恶意提交数据,那么我们在提交数据后 ...

  6. 使用js控制表单重复提交（1加锁，2事件方式，3 EasyUI中解决表单重复提交）

    方法一. var flag = true; $(function() { $("#interested").click(function() { beInterested(); } ...

  7. 使用JS对form的内容验证失败后阻止提交 &&js校验表单后提交表单的三种方法总结

    1.form的两个事件 submit,提交表单,如果直接调用该函数,则直接提交表单 onSubmit,提交按钮点击时先触发,然后触发submit事件.如果不加控制的话,默认返回true,因此表单总能提 ...

  8. js 验证表单 js提交验证类

    附加:js验证radio是否选择 <script language="javascript">function checkform(obj){for(i=0;i< ...

  9. jquery.form.js+jquery.validation.js实现表单校验和提交

      一.jquery引用 主要用到3个js: jquery.js jquery.form.js jquery.validation.js 另外,为了校验结果提示本地化,还需要引入jquery.vali ...

随机推荐

  1. curl 命令使用

    1.开启gzip请求curl -I http://www.sina.com.cn/ -H Accept-Encoding:gzip,defalte 2.监控网页的响应时间curl -o /dev/nu ...

  2. libthrift0.9.0解析（一）之TServer

    TServer 属性serverTransport 为TServerTransport类型,类图如下: 构造函数,简单根据args设置几个成员,大部分是工厂类: protected TServer(A ...

  3. XIB自定义视图的整理

    - (void)setAppInfo:(AppInfo *)appInfo { _appInfo = appInfo; _icon.image = appInfo.image; _label.text ...

  4. [转]Windows环境下利用“共享内存”实现进程间通信的C/C++代码---利用CreateFileMapping和MapViewOfFile

    http://blog.csdn.net/stpeace/article/details/39534361 进程间的通信方式有很多种, 上次我们说了最傻瓜的“共享外存/文件”的方法. 那么, 在本文中 ...

  5. JS实现定时器（类似工行网银支付限时操作）

      js脚本内容: //5秒倒计时 var num = 0 ; var max = 5 ; var id = null ; id = setInterval(box , 1000) ; //1秒钟调用 ...

  6. How To Learn English Very Fast

    How do you learn English very fast? Every week, I get emails about this topic.   Typically, someone ...

  7. swf上传

    swfupload多文件异步上传 多文件选择异步上传的原理 传统上:多个文件逐一选.PHP开始处理,循环上 PHP+Flash上:JS调用flash控,Flash批量选取并保持选取所有文件列 swfu ...

  8. 图的建立——邻接表表示（C语言+VC6.0平台）

    图是一种重要而且相对复杂的数据结构,在实际编程中非常有用.邻接表是图的主要表示形式之一,是一种链接表表示方法. #include<stdio.h> #include<stdlib.h ...

  9. css中响应式布局中样式的代码书写方法

    代码示例:@media only screen and (min-width: 320px){ html { font-size: 8px !important; } .mulu-zi{ positi ...

  10. IOS学习之十七：Grand Central Dispatch（GCD）编程基础

    IOS学习之十七:Grand Central Dispatch(GCD)编程基础   有过编程经验的人,基本都会接触到多线程这块. 在java中以及Android开发中,大量的后台运行,异步消息队列, ...