zoukankan      html  css  js  c++  java
  • onsubmit=return false阻止form表单提交

    onsubmit=return false阻止form表单提交

    但是将button的type改为submit却又能提交

    于是上jQuery API查找原因,看到以下这段文字顿时明白了:

    Additional Notes:

    Forms and their child elements should not use input names or ids that conflict with properties of a form, such as submitlength, or method. Name conflicts can cause confusing failures. For a complete list of rules and to check your markup for these problems, see DOMLint.

     return false 阻止表单提交不起今天这个问题困扰了我很久,在网上找了很多资料,基本上关于onsubmit=return false有以下几点要注意的地方:

    1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。如下PHP函数代码,第一个if条件符合则函数值返回布尔型false,可以返回一个函数的值,并且跳出这个函数;只要遇到return语句,程序就在那一行代码停止执行,执行控制将立刻返回到调用该程序的代码处。

    复制代码
     function chkinput(form)
     {
       if(form.title.value=="")
        {
          alert("请输入文章标题!");
       form.title.select();
       return false;              //注意不能写成 return(false); 2009.12.15
        } 
     
       if(form.content.value=="")
        {
          alert("文章正文不能为空@!!");
       form.content.select();
       return false;
        }
     
        return true;
     }
    复制代码

    2.form的onsubmit属性的触发问题,onsubmit 事件什么时候触发?onsubmit 事件会在表单中的确认按钮被点击时发生。不触发的原因有一般如下:

    A. onsubmit属性的触发时机是在form用input:submit这样的button提交时才会触发,否则不会触发。如果是用一个普通input:button,则在onclick属性中指定一个javascript函数,在这个函数里面再执行form的submit()函数,而不是onsubmit属性。

    B. 先看一段代码:

     <form action="index.jsp" method="post" onsubmit="submitTest();">
    
    <INPUT value="www">
    <input type="submit" value="submit">
    </form>
    
    
    <SCRIPT LANGUAGE="JavaScript">
    
    <!--
    function submitTest() {
    // 一些逻辑判断return false;
    }
    //--></SCRIPT>

    点击submit按钮该表单并未提交。因为有一处应该改为(红色字体)
    <form action="index.jsp" method="post" onsubmit="return submitTest();">

    原来onsubmit属性就像是<form>这个html对象的一个方法名,其值(一字符串)就是其方法体,默认返回true;

    和Java一样,在该方法体中你可以写任意多个语句,包括内置函数和自定义函数。

    在这里submitTest()虽然返回false,但我们只执行了此函数,没有对其结果进行任何处理。

    onsubmit="return submitTest()利用到了它的返回值,达到了预期效果。

  • 相关阅读:
    AVR单片机教程——PWM调光
    AVR单片机教程——蜂鸣器
    AVR单片机教程——串口接收
    做个别出心裁的圣诞礼物
    电源选择电路的原理
    AVR单片机教程——串口发送
    C++类成员默认初始值
    AVR单片机教程——旋转编码器
    10.Django-form表单
    09.Django-数据库优化
  • 原文地址:https://www.cnblogs.com/zkwarrior/p/15503177.html
Copyright © 2011-2022 走看看