submit()阻止提交

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("form").submit(function(e){
e.preventDefault();
alert("Submit prevented");
});
});
</script>
</head>
<body>
<form name="input" action="" method="get">
First name:
<input type="text" name="FirstName" value="Mickey" size="20">
<br />Last name:
<input type="text" name="LastName" value="Mouse" size="20">
<br />
<input type="submit" value="Submit">
</form>
</body>
</html>

function(e)

e.preventDefault();阻止当前事件

时间： 2024-10-16 18:42:02

submit()阻止提交的相关文章

submit异步提交 回调的方法

背景: mvc模式下,当submit表单的时候,后台Control自动绑定Model类,但是如果不用submit来提交,改用ajax提交的时候,后台Control无法获取前台form表单内相应Name值,来绑定Model对象. 解决方案:利用jQuery来进行异步提交,获取后台处理结果,前台进行显示!利用:jquery.form.js //jquery.form.js 的ajax提交表单 $('#form2').submit(function() { $(this).ajaxSubmit(fun

js阻止提交表单（post）

js阻止提交表单(post) 在注册页面,我们经常要用到页面验证,验证到不符合要求的数据就阻止提交到服务器,如下 <script type="text/javascript"> function Check() { var phoneNumber = $.trim($("#PhoneNumber").val()); var isMobile=/^1?(3|5|7|8)\d{9}$/; if (isMobile.test(phoneNumber) == f

Form提交前,ajax校验,并阻止提交

var addSyncForm = Horn.getComp("addSyncForm"); if(!addSyncForm){ return ; } addSyncForm.el.submit(function(){ var data = {"businAccount":Horn.getComp("businAccount","_add").getValue(),"systemNodeItem":Horn

Jquery/js submit()无法提交问题

有朋友可能会直接利用js或jquery来提交数据而不是使用表单直接提交了,小编来给大家介绍小编碰到的一个问题就是 submit()无法提交,下面我们来看解决办法与原因分析. jquery无法提交  代码如下 复制代码 <form action="register.php" method="post"> <label>邮箱:</label> <input type="text" class="lo

jquery submit()不能提交表单的解决方法

今天写表单提交的时候需要增加一个确认提示,所以没有使用submit按钮提交,改用jq的submit(),然后问题了 <form class="form-horizontal m-t" method="post" action="@Url.Action("Edit")" id="form"> <div class="row"> <div class="

使用JS对form的内容验证失败后阻止提交

1.form的两个事件 submit,提交表单,如果直接调用该函数,则直接提交表单 onSubmit,提交按钮点击时先触发,然后触发submit事件.如果不加控制的话,默认返回true,因此表单总能提交. 2. JS的校验 通过在JS中用document.myform.name.value,来得到用户的每一个输入 ,进行校验,当完全通过时,返回TRUE,反之返回false. 3. 页面代码实现 /* <form name="testform"  action="hell

select下拉菜单反显不可修改，且submit可以提交数据

首先通过后台funcA()将下拉菜单反显不可修改的数据response到disable.jsp页面,disable.jsp: <script> var data1=${result.object.data1}; var data2=${result.object.data2}; var data3=${result.object.data3}; ......条件 function setDisable(){ show(data1,data2,data3); $("#.disable_

easyui form submit 不提交

http://bbs.csdn.net/topics/390811964 function saveProduct() {             //$('#fm').form('submit', {             //    url: url,             //    onSubmit: function () {             //        return $(this).form('validate');             //    },   

调用submit()方式提交表单

今天在看高级程序设计时看到的这样一段话: 在以调用submit()方法的形式提交表单时,不会触发submit事件 写了一个小例子做了下测试,的确如此: <form id="fm" action="http://www.baidu.com"> <input type="text" id="txt"> <button id="btn" type="submit"