from表单禁止提交

124 阅读 0 评论 82 点赞

我是靠谱客的博主美满宝马，最近开发中收集的这篇文章主要介绍from表单禁止提交，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1、JavaScript验证阻止提交表单

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gbk">
<title>JavaScript禁止提交表单</title>
<scripttype="text/javascript">
functiongetObj(id){
varObj=document.getElementById(id).value;
returnObj;
}
functioncheck(){
if(getObj("test")==""){
alert("文本框输入为空，不能提交表单！");
document.getElementById("test").focus;
returnfalse;//false:阻止提交表单
}
}
</script>
</head>
<body>
<formaction="index.htm"method="post"οnsubmit="returncheck()">
<inputtype="text"name="test"id="test">
<inputtype="submit"value="提交">
</form>
</body>
</html>

2、jQuery验证阻止表单提交

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gbk">
<scripttype="text/javascript"src="/sunchis/script/jquery-1.3.2.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$(":submit[id=tijiao]").click(function(check){
varval=$(":text[id=test]").val();
if(val==""){
alert("文本框输入为空，不能提交表单！");
$(":text[id=test]").focus();
check.preventDefault();//此处阻止提交表单
}
});
});
</script>
<title>jQuery禁止提交表单</title>
</head>
<body>
<formaction="index.htm"method="post">
<inputtype="text"name="test"id="test">
<inputtype="submit"id="tijiao"value="提交">
</form>
</body>
</html>

最后

以上就是美满宝马为你收集整理的from表单禁止提交的全部内容，希望文章能够帮你解决from表单禁止提交所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

点赞(82)

本文分类：javascript
浏览次数：124 次浏览
发布日期：2023-11-23 20:55:04
本文链接：https://www.kaopuke.com/article/k-p-k_13_u_23_o_10_fy_14_z_22_x.html

相关文章

jquery阻止默认submit，改用异步提交

jquery阻止默认submit，改用异步提交

Layui form提交阻止刷新

Layui form提交阻止刷新

input的回车事件

input框触发回车事件

from表单禁止提交

JS input回车时触发较简单做法

JS input回车时触发较简单做法

html中的回车事件

html回车键登录

评论列表共有 0 条评论

发表评论取消回复

立即
投稿返回
顶部