<!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. How to Build CyanogenMod for One X (codename: endeavoru)

    来源:http://wiki.cyanogenmod.org/w/Build_for_endeavoru#What_you.E2.80.99ll_need How to Build CyanogenM ...

  2. angularjs自定义日期过滤器，如：周日（前天 21:24）

    今天给大家分享一个,我在项目中自定义的一个日期过滤器.具体过滤出来的效果可参看下图: 用法: {{ time | timeFilter }} filter: App.filter('timeFilte ...

  3. zepto源码研究 - zepto.js-4(常用的工具)

    $.each: /** * 以集合每一个元素作为上下文,来执行回调函数 * @param elements * @param callback * @returns {*} */ $.each = f ...

  4. web项目环境搭建（3）：搭建Spring+MyBatis

    spring 4.1.7 + MyBatis 3.3 正式开始配置关键内容,这是硬货 一. 新建spring配置文件,起名为 applicationContext.xml,放在src/main/res ...

  5. C++拾遗（八）类——概念、定义与实现

    Class与Struct 区别在于class默认访问类型是private,struct默认访问类型是public. 另外在使用习惯上,struct只用来表示纯粹的数据对象或没有私有部分的类. 类中的内 ...

  6. 快速幂：quickpow

    众所周知,快速幂是优化对数的次方运算的最普遍手段.在学习快速幂的思想时,其分治思想容易让大家用简单的递归实现. 但其实,除了递归之外,更好的方法会是简单的 WHILE循环.下面贴代码: #includ ...

  7. phpMyAdmim无法打开或空白页面问题解决

    环境:windows环境 安装方式:appserv 安装完appserv之后,发现phpMyAdmin无法打开,具体表现为输入root用户名和密码之后长时间无法进入管理页面或进入之后一片空白.这种情况 ...

  8. keybd_event 转载

    转自 http://apps.hi.baidu.com/share/detail/14468670 Option Explicit Private Declare Sub keybd_event Li ...

  9. 《javascript权威指南》读书笔记 -part2

    我真的很佩服副院长~他是一个很有耐心 极其细致的人 工作态度严谨  代码简洁风格统一~再乱遭遭的代码只要经过他的手就会变的很漂亮 羡煞我也~ 不说废话了  还是乖乖看书吧~maybe可能也许的某一天 ...

  10. phpcms v9二次开发之模型类的应用(2)

    二.模型操作方法select()--查询语句         //查询级别管理列表信息    public function levellists() { $lelists = $this->l ...