<!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. （六）Angularjs - 启动引导

    自动引导 AngularJs 通过 ng-app 指令进行自动引导 手工引导启动框架 如果一个HTML文件中 有多个ng-app,AngularJS只会自动引导启动它找到的第一个ng-app应用,这是 ...

  2. java事件处理

    1.ActionEven事件 文本框,按钮,菜单项,密码框,单选按钮都可以出发ActionEvent事件 使用 addActionListener(ActionListener listen1) 来注 ...

  3. ComboBox相关操作

    取组合框文本示例: 1 void ShowDlgWage::OnCbnSelendokCombo1() { // TODO: 在此添加控件通知处理程序代码 CString str; int i; i ...

  4. Vigenère Cipher 维吉尼亚加解密算法

    维吉尼亚的加解密有两种方法. 第一种是查表:第一行为明文,第一列为密钥,剩余的为对应的密文 第二种方法是转化计算法:逐个将字符转化为从零开始的数字,对数字进行加密/解密后,再转化为字符. 本文要用c+ ...

  5. rpc和websocket的区别

    虽然很久以前用过rpc但是当时没用过websocket,也没做过对比,现在就对比一下 rpc的用法是客户端直接调用服务端的函数,其实他就是把数据传给服务端,服务端处理完以后返回给客户端, websoc ...

  6. Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结【转载】

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,d ...

  7. NET Core & VS Code 之路(2) Web API

    NET Core & VS Code 之路(2) Web API 开发Core项目的条件 Visual Studio 2015 Update 3 .NET Core 1.0.0 - VS 20 ...

  8. Git的思想和基本工作原理

    Git的思想和基本工作原理 Chapter: 开始了解Git 1. 先谈谈版本控制的一些事 2. Git诞生背后的一些故事 3. 版本控制:集中式VS分布式 4. Git的思想和基本工作原理 5. G ...

  9. cf C. Maze

    http://codeforces.com/problemset/problem/378/C #include <cstdio> #include <cstring> #inc ...

  10. 五个新知识：微软SHA2补丁，亚信专业工具，微软官方文档，使用过期签名（附官方推荐链接），注意使用具有UAC的CMD

    五个新知识:微软SHA2补丁,亚信专业工具,微软官方文档,使用过期签名 不支持SHA2算法的计算机更新补丁:https://technet.microsoft.com/zh-CN/library/se ...