js阻止表单提交

<!DOCTYPE html><html><head>    <title>Simple Login Form</title>    <meta charset="UTF-8" />    <meta name="Designer" content="PremiumPixels.com">    <meta name="Author" content="[email protected] d-Ziner, CSSJUNTION.com">    <link rel="stylesheet" type="text/css" href="css/reset.css">    <link rel="stylesheet" type="text/css" href="css/structure.css">

    <link href="../Scripts/easyui/themes/default/easyui.css" rel="stylesheet" />    <link href="../Scripts/easyui/themes/icon.css" rel="stylesheet" />    <link href="../Scripts/easyui/demo/demo.css" rel="stylesheet" /></head>

<body>    <form id="login_form" class="box login">        <fieldset class="boxBody">            <label>用户名</label>            <input id="userId" type="text" tabindex="1" placeholder="" required>            <label><a href="#" class="rLink" tabindex="5"></a>密码</label>            <input id="userPwd" type="password" tabindex="2" required>        </fieldset>        <footer>            <input  type="submit" class="btnLogin" value="登 录" tabindex="4">        </footer>    </form>    <footer id="main">        <a href="http://wwww.cssjunction.com">新烽光电股份有限公司</a> | <a href="http://www.premiumpixels.com">制作 by 软件部</a>    </footer></body></html><script src="Scripts/jquery-1.8.2.min.js"></script><script type="text/javascript" src="../Scripts/easyui/jquery.easyui.min.js"></script><script type="text/javascript" src="../Scripts/easyui/locale/easyui-lang-zh_CN.js"></script><script>    document.getElementById("login_form").onsubmit = function () {        requiredCheck();        return false;    };    function requiredCheck() {        var userModel = {            userId: $.trim($("#userId").val()),            userPwd: $.trim($("#userPwd").val())        };        for (var i in userModel) {            if (userModel.hasOwnProperty(i)) {                if (userModel[i] == "") {                    $.messager.alert(‘提示‘, ‘用户名或密码不能为空‘, "error");                    return false;                }            }        }        $.post("/Login/LoginCheck.ashx", userModel, function (msg) {            if (msg.code == 0) {                $.messager.alert(‘提示‘, msg.result, "error");            } else {                window.location.href = "/index.aspx";            }        });          }</script>

注意: 注册form表单的onsubmit事件，return false(在事件处理函数(onsubmit)里面return false)来阻止表单提交,

时间： 2024-10-25 08:18:08

js阻止表单提交的相关文章

Js 阻止表单提交方法

<body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" name="user" id="user"></p> <input t

js阻止表单提交的两种方法

<body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" name="user" id="user"></p> <input t

js验证阻止表单提交(表单绑定onsubmit事件)

原始方式: <form action="http://www.cnblogs.com/zixueit/" onsubmit="return check()"> <input type="submit" value="提交" /> </form> <script type="text/javascript"> function check(){ if(!conf

js 在表单提交前进行操作

最近在写页面的时候,需要手动写一些在表单进行提交前的验证操作,正好看到了2种阻止表单提交的方法,可以进行一些逻辑处理方法一:使用return false 原生js写法: <form id="loginForm" name="loginForm" action="login.aspx" method="post"> <button type="submit" value="Sub

有时候,在网页中点击了页面中的按钮或是刷新了页面后,页面滚动条又会回到顶部,想看后面的记录就又要拖动滚动条,或者要按翻页键,非常不方便,想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变,最好的办法就是在JS中用cookie记录下当前滚动条的位置,然后刷新时读取cookie就可以实现这个功能了.代码如下:<script type="text/javascript"> function Trim(strValue) { //return strValue.repla

angular js 实现表单提交时下面的table获取到表单里面的数据

angular js 实现表单提交时下面的table获取到表单里面的数据<!DOCTYPE html><html ><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.min.css"/> <s

JavaScript控制阻止表单提交

1.在表单上使用onSubmit方法 <?php $form = ActiveForm::begin([ 'options'=>[ 'class' => 'form-horizontal', 'enctype' => 'multipart/form-data', 'onSubmit'=>'return validateForm(event)', ], 'fieldConfig' => [ 'template' => '{input}{error}', 'optio

jquery.form.js 让表单提交更优雅

jquery.form.js 让表单提交更优雅.可以页面不刷新提交表单,比jQuery的ajax提交要功能强大. 1.引入 <script src="/src/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="/src/jquery.form.js"></script> 2.使用 $(function () { va

Node.JS的表单提交及OnceIO中接受GET/POST数据的三种方法

OnceIO 是 OnceDoc 企业私有内容(文档)管理系统的底层Web框架,它可以实现模板文件.静态文件的全缓存,运行起来完全不需要I/O操作,并且支持客户端缓存优化,GZIP压缩等(只压缩一次),拥有非常好的性能,为您节约服务器成本.它的模块化功能,可以让你的Web进行分布式存储,在一个扩展包里即可包含前端.后端和数据库定义,只需通过添加/删除目录的方式就可实现功能删减,实现真正的模块化扩展.目前 OnceIO 已经开源,本文主要介绍node.js语言中的表单提交及OnceIO中接受GET