AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

jquery 禁止页面form提交的通用方法

2012-08-27 656
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： $(function(){ $("#sub").bind("click",function(event){ var username = $("#username"). 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://www.cnblogs.com/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>");  //提示信息
       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>
文章标签：
JavaScript
前端开发
关键词：
jQuery页面
jQuery方法
jQuery Form
jQuery提交
jQuery页面方法
冰点沐雪
目录
相关文章
听白
|
3月前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
听白
38 5
疯狂的猿
|
29天前
|
JavaScript
jQuery+css3制作精美的2024圣诞节倒计时页面
jQuery+css3制作精美的2024圣诞节倒计时页面动画
疯狂的猿
24 0
jQuery+css3制作精美的2024圣诞节倒计时页面
疯狂的猿
|
1月前
|
Web App开发 JavaScript iOS开发
基于jquery开源的页面内模拟滚动条特效插件scrollbar
abcrollBar是一个基于jquery运行的开源滚动条特效插件，体积小巧使用简单的滚动条小插件，它可以通过鼠标中轴滑动页面内的模拟滚动条，或鼠标拖动滚动条查看滚动框架里的内容。支持自定义滚动条的样式，滚动条可选择横或竖呈现，默认也可选择显示或隐藏滚动条。
疯狂的猿
25 0
Li370234940
|
2月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
Li370234940
29 1
二二*一一
|
2月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
二二*一一
54 6
听白
|
3月前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
听白
36 2
听白
|
3月前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
听白
17 3
听白
|
3月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
听白
40 1
听白
|
3月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
听白
21 2
神明木佑
|
2月前
|
存储 JSON JavaScript
jQuery 方法大全
jQuery 方法大全
神明木佑
19 0