from表单禁止提交

最新推荐文章于 2021-08-04 17:09:14 发布

读万卷书行万里路——程序人生

最新推荐文章于 2021-08-04 17:09:14 发布

阅读量5.7k

点赞数

分类专栏： php 文章标签： function javascript html jquery

php 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1、JavaScript验证阻止提交表单

 
 <html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gbk">  
<title>JavaScript禁止提交表单</title>  
<script type="text/javascript">  
function getObj(id){  
    var Obj = document.getElementById(id).value;  
    return Obj;  
}  
 
function check(){  
    if(getObj("test")==""){  
        alert("文本框输入为空，不能提交表单！");  
        document.getElementById("test").focus;  
        return false;//false:阻止提交表单  
    }  
}  
</script>  
</head>  
<body>  
<form action="index.htm" method="post" οnsubmit="return check()">  
    <input type="text" name="test" id="test">  
    <input type="submit" value="提交">  
</form>  
</body>  
</html>

2、jQuery验证阻止表单提交

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

读万卷书行万里路——程序人生

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
from表单禁止提交

1、JavaScript验证阻止提交表单 "Content-Type" content="text/html; charset=gbk"> JavaScript禁止提交表单 "text/javascript"> function getObj(id){ var Obj = document.getElementById(id).value; return Obj
复制链接

扫一扫

专栏目录