<html>
<head>
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#sub").bind("click",function(event){
var username = $("#username").val(); //获取元素的值
if(username==""){ //判断值是否为空
$("#msg").html("<p>文本框的值不能为空.</p>"); //提示信息
event.preventDefault(); //阻止默认行为 ( 表单提交 )或者return false;
}
})
})
</script>
</head>
<body>
<form action="test.html">
用户名：<input type="text" id="username" /> <br/>
<input type="submit" value="提交" id="sub"/>
</form>
<div id="msg"></div>
</body>
</html>
分享到：
相关推荐
使用JS和JQuery 阻止表单提交的两种方法 <html> <head> <meta http-equiv=Content-Type content=text/html; charset=gbk> <title>JavaScript禁止提交表单</title> [removed] ...
主要介绍了jQuery实现提交表单时不提交隐藏div中input的方法,结合实例形式分析了通过设置input的disabled属性实现隐藏input提交的操作技巧,需要的朋友可以参考下
本文给大家分享的是使用jquery实现表单验证并阻止非法提交的代码，思路非常不错，这里推荐给小伙伴们参考下。
1.监听表单提交事件,并阻止表单提交 $(form).submit(function(e) { return false;//阻止表单提交 }) 2.拿到表单内容 let data = $(form).serialize(); //上边这个就是拿到表单的内容,如果你想要json格式,就要...
等待 750 毫秒后，表单将重新启用（如果有人使用“Esc”来阻止表单提交，这一点很重要）示例用法 $('form').debounceSubmit(); // Applies to all forms$('#payment-form').debounceSubmit(); // Applies to #...
很多人可能都会遇到在调试的时候用了return了false，可为什么还会提交呢？这个问题我最近也碰到了，尝试了多次也没有用，后来终于发现了其中的问题，下面分享处理给大家，让同样遇到这个问题的朋友们能够看看，有...
如果表单是通过onsubmit进行Ajax提交，注意将表单提交按钮input type属性设为button，尽量不要设置为submit类型。 另外，在提交事件发出后，最好将提交按钮设置为disabled，防止由于网络延时问题，让用户有机会进行...
这是一款非常实用的jQuery和css3登陆注册表单插件。该登陆注册表单以扁平化风格设计，美观大方，并且该插件自带有表单非空项检测，当有选项未填时自动阻止提交表单。
2.13 禁用表单的回车键提交 2.14 禁用右键单击上下文菜单 2.15 IE下禁用文本选择功能 2.16 输入框获取焦点时文本高亮提示 2.17 实现多个输入框同步操作 2.18 在新窗口中打开外部链接 2.19 jQuery实现outerHTML属性 ...
Ajax 提交插件 form.js 表单的下载地址：官方网站：http://malsup.com/jquery/form/ ...自动阻止了默认行为，而它提交的 默认页面是form 控件的action 属性的值。提交的方式是method 属性的值。 //ajaxS
到阿贾克斯阻止常规表单操作并使用 AJAX 的 jQuery 插件。 为什么我决定想出这个插件？ 编码是关于优化的。 这个插件节省了我的时间，并允许更干净的 html 输出（更少的代码）。 这个插件是如何工作的？ 对于您使用...
＃jquery.formValidation一个简单，轻巧的jQuery插件，用于表单验证。 该插件针对韩语进行了优化。 ## Demo查看git-hub页面上的##在jQuery库之后安装包含脚本（除非您以其他方式打包脚本）： < script src =" /...
代码如下: $(‘#ff’).form({ url:…, onSubmit: function(){ // 做某些检查 // 返回 false 来阻止提交 }, success:function(data){ alert(data) } }); // 提交 form $(‘#ff’).submit(); 去做一个提交...
灰尘搜索表一个简单的 jQuery 插件，用于为搜索表单添加不错的功能。它有什么作用？ 所以你有一个文本输入和一个提交。 您单击提交而不首先关注文本输入。 此插件将阻止提交，而是专注于为您输入文本。 :)如何使用您...
前端在向后端进行数据提交的时候，通常会需要在第一次提交返回前，阻止用户在快速点击发送二次请求，即防止重复提交，最简单的方法是使用标志参数或者 class 元素控制，但缺点是，每个控制重复提交的地方都需要加上...
像提交按钮一样，没有绑定事件，但是点击就会提交表单信息，自动跳转 如何阻止事件的默认行为？ 方式一：在事件的回调函数中加上return false; 方式二：在事件回调函数的形参列表中添加event
JQuery阻止事件发生 JQuery扩展 作业 第18周 内容概要 JS正则详解 JS正则详解之验证 组件BootStrap、EasyUI、JQueryUI 插件轮播 Django_Web框架引入 Django工程创建 Django目录详解 Django创建App Django的Model...
像提交按钮一样，没有绑定事件，但是点击就会提交表单信息，自动跳转 如何阻止事件的默认行为？ 方式一：在事件的回调函数中加上return false; 方式二：在事件回调函数的形参列表中添加event，然后在回调函数中调用e
一、当我们在验证表单的时候，为了阻止把错误的也发送到服务器，我们通常这样设置： $(function(){ var isusername;(定一个变量) var ispwd; $('form').submit(function(e){ if(!isusername || !ispwd){ e....