form的onsubmit事件--表单提交前的验证实现方式

来源:互联网 发布:淘宝上的狗狗靠谱吗 编辑:程序博客网 时间:2024/05/16 00:35

onsubmit:表单提交前自动执行指定的东西;

注意: onsubmit=“return check()”中的return是一定要加上的,不然check的返回值哪怕是false,仍然提交。也就是说,onsubmit=“return false”为不执行提交;onsubmit=“return true”或onsubmit=“return ”都执行提交

主页面如下

<HTML>

<HEAD>

<script type="text/javascript">

//form提交前,验证
function check(){
    if(验证条件不通过){
        return false;
    }else{

        return true;//不写此返回值也行,此时就直接提交了

    }
}
</script>

</HEAD>
<body >
<form id="queryForm" onsubmit="return check()" action="/loginAction>

<input type="text" value=""/>

<input type="submit" id="submit" name="submit" style="visibility:hidden"/>

<HTML>


0 0
原创粉丝点击