精华内容
下载资源
问答
  • 代码如下:/** * 表单提交校验 **/function onSubmit(){ if($(‘#name’).val().length<2){ alert(“名称请不少于两个汉字”); return false; } var t = new Date().getTime(); $.ajax({ type: ...
  • action是form的属性,onSubmit为事件,要说执行的先后顺序,个人理解是onSubmit在先,下面有个不错的示例可以帮助大家更好的立即,感兴趣的朋友不要错过
  • 如果有OnSubmit会先执行这个函数,如果返回false则不提交表单! 复制代码代码如下: [removed] function test() { alert(“测试!”) } [removed] <form name=”F1″ onSubmit=”fuck();”> <input ...
  • submit表单提交,onsubmit验证拦截 免去了用button按钮click点击事件ajax请求
  • 表单元素拥有submit方法,同时也具有onsubmit事件句柄,用于监听表单提交。可以使用elemForm.submit();方法触发表单提交,感兴趣的朋友可以了解下,或许对你有所帮助
  • return false会阻止表单提交,基本上关于onsubmit=return false有以下几点要注意的地方,学习后台编程的朋友一定要知道。
  • onsubmit

    千次阅读 2018-08-05 20:08:27
  • JavaScript中onsubmit事件

    2021-07-12 10:56:44
    } } script> head> <body> <form action="http://www.baidu.com" onsubmit="return onsubmitfun()"> 静态注册"> form> <form id="sub" action="http://www.baidu.com" > 动态注册"> form> body> html>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
        <script>
          //静态注册表单提交事件
          function onsubmitfun(){
            //要验证所有表单项是否合法,如果有一个不合法就阻止表单提交
            alert("静态注册表单提交事件,发现不合法");
            return false;
          }
    
          //动态注册表单提交事件
          window.onload=function (){
              var subobj=document.getElementById("sub");
              subobj.onsubmit=function (){
                  alert("动态注册表单提交事件,发现不合法");
                  return false;
              }
          }
    
    
        </script>
    
    </head>
    <body>
    <!--return false可以阻止表单提交-->
        <form  action="http://www.baidu.com" onsubmit="return onsubmitfun()">
          <input type="submit" value="静态注册">
        </form>
    
    
        <form id="sub" action="http://www.baidu.com" >
            <input type="submit" value="动态注册">
        </form>
    </body>
    </html>
    
    展开全文
  • js中onsubmit用法

    千次阅读 2019-05-20 22:34:30
    在写表单处理的时候,经常会用到onSubmit事件,而onSubmit事件经常用到return关键字,比如: <!DOCTYPE html> <html> <head> <title>onsubmit用户提交,submit属性,事件</title> <...

    在写表单处理的时候,经常会用到onSubmit事件,而onSubmit事件经常用到return关键字,比如:

    <!DOCTYPE html>
    <html>
    <head>
    	<title>onsubmit用户提交,submit属性,事件</title>
    </head>
    <script type="text/javascript">
    	function test(){
    		var s1 =document.mianform.user.value;
    		var s2 = document.mianform.pwd.value ;
    		if(s1 == ""||s2 ==""){
    			alert('请将内容填写完整');
    			return false ;//false不提交
    		}
    		return true ; // true提交
    	}
    </script>
    <body>
    	<form name="mianform" onsubmit="return test()">
    		<label>姓名:</label>
    		<input type="text" name="user" onfocus="console.log('点击这里输入用户名');" onblur="console.log('文本失去焦点');">
    		<br>
    		<label>密码:</label>
    		<input type="password" name="pwd" >
    		<br>
    		<input type="submit" value="提交" >
    	</form>
    </body>
    </html>
    

    这样处理的作用是当点击submit时,调用test函数,通过test函数对表单进行初步的判断处理,然后返回true或者false。当返回true时,onSubmit事件就为
    onSubmit=“return true”

    这时进行下一步。
    若receive处理之后返回false,则onSubmit事件就为

    onSubmit="return false"
    

    这时返回一个false,系统将不会继续运行。
    这里return的作用就是对test函数运行返回的结果,再向上返回,以便能在发现错误时即使停止后面继续将错误的数据拿去运行。

    如果不加return的话,那么onSubmit在逻辑上就可以看成

    onSubmit="false"
    

    或者

    onSubmit="true"
    

    这样也只能算是把false或者true字符串赋值给onSubmit。并不具有一定的功能,即不论表单中是否出现错误,都会继续运行下去。当然,表单中的错误处理也可以通过服务器端进行处理,但是能在前端处理的,就尽量在前端处理,不然会加大服务器的压力。
    很多表单处理函数,比如上面说的test函数,里面也许不会有return true的语句(但是绝对有return false的语句),因为当一个函数顺利运行完成之后,系统将默认的返回一个true,所以true是可选的,但是false却是必须的。

    下面来看一下test函数的大致写法:

        function test()
        {
            
            var formLength = document.forms['form1'].elements.length;
            for(var i = 0; i < formLength - 1; i++)
            {
                if(document.forms['form1'].elements[i].value.length == 0)
                {
                    alert("第" + (i + 1) + "个文本没有输入");
                    return false;
                }
            }
    }
    
    展开全文
  • Ajax和OnSubmit属性验证表单提交 用onsubmit的返回值的true和false去验证表单是否符合要求。 Ajax向后台发请求,查询此用户是否已经存在。 返回值注意: 返回为true,符合,反之,不符合,(返回为null,也符合。) ...

    Ajax和OnSubmit属性验证表单提交

    用onsubmit的返回值的true和false去验证表单是否符合要求。
    Ajax向后台发请求,查询此用户是否已经存在。

    返回注意:

    • 返回为true,符合,反之,不符合,(返回为null,也符合。)

    • 在执行ajax时,后面程序也会并发执行,导致表单已经被提交完,ajax才执行回调函数。

    • 在ajxa的回调函数中 return的话,无效,所以要先声明一个,然后在回调函数判断是。

    HTML

    <form method="post" id="myForm" action="${pageContext.request.contextPath}/employee/addaddEmployee" name="form" onsubmit="return registered(this);" >
    <td>
         <input type="text" id="username" maxlength="20" name="username"/>
           <span id="caveatone"></span>
    </td>    
    </form>
    

    JavaScript

    function registered(form){
                   var fatr = null;//声明一个变量,用于返回。
                   $.ajax({ 			     url:"${pageContext.request.contextPath}/employee/determineUsernameExists", // 请求路径
                       type:"POST" , //请求方式
                       async:false,//同步方式
                       cache:false,//禁止缓存
                       dataType:"text",//设置接受到的响应数据的格式
                       data:{
                           username:$("#username").val()
                       },
                       //响应成功后的回调函数
                       success:function (data){
                           if(data == "exist"){
                               alert("用户已存在")
                               $("#caveatone").text("用户已存在");
                               fatr = false
                               //在这里return 无效。
                           }else {
                               alert("注册成功。");
                               fatr = true
                           }
                       },
                   });
    
                   return fatr;
               }
    

    时间:2020/9/29 随笔。
    PS:新手上路,内容可能有误。

    展开全文
  • IE6、IE7不支持在Javascript中调用form对象的onsubmit方法,本方法用于兼容IE6、IE7下对onsubmit方法的支持,各大浏览器均测试过。
  • 在提交表单前,一般都会进行数据验证,可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。 但是onclick比onsubmit更早的被触发。 提交过程 1、用户点击按钮 ----> 2、触发onclick事件 ----> 3、...
  • form class="form" action="" method="post" onsubmit="return formSubmit(this)"> <div class="item"> <input type="text" name="user" placeholder="请输入用户名" /> </div> <div ...
  • JS中onsubmit禁止提交表单的三种方式 前面我在博客中写过onblur实现失焦调用函数的三种方式, onsubmit也几乎一模一样, 不过昨天我在写一个表单提交页面,判断某些必填项未填写则禁止提交, 我们知道onsubmit是否提交取...
  • 在提交表单前,一般都会进行数据验证,可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。 但是onclick比onsubmit更早的被触发。  提交过程 1、用户点击按钮 ----> 2、触发onclick事件 ---->...
  • 各位前端大佬,使用antd中的form表单封装的表单,有个参数是onSubmit会执行一个函数,但是点击保存按钮的时候也会调用该参数中的那个函数(函数中是添加数据的接口), 为何点击保存按钮的时候会添加三条一样的数据...
  • <select id="dance"> 狂派舞option> 街舞option> 地板舞option> 锁舞option> select> body> 四、onsubmit 表单提交事件 <body> <script type="text/javascript"> //静态注册表单提交事件 function onsubmitFun() { ...
  • 如下:<form id="form1" name="form" method="get" action="1.html" onSubmit="return checkdata()"> 用户名; <td><input type=text name="username" size="30" maxlength="10"> 提交"> 重置">...
  • form的onsubmit用法

    2019-12-17 19:32:13
        JavaScript在jsp页面中可以放在程序中的任意位置,放在head标签前,先执行。...form name=form1 target="_blank" method=post onsubmit ="return dosubmit(this)"> 手机号码(11位数字):<input...
  • submit 和onsubmit 的区别

    千次阅读 2018-11-13 11:12:21
    submit 和onsubmit 的区别
  • onsubmit=return checkAll()保存但能运行 myeclisep1.0
  • ant design form表单 onSubmit 方法 使用心得 // 按钮-查询 handSubmit = e => { e.preventDefault(); ... } 入参e 不能省略,否则会导致整个页面刷新。
  • 以前在项目中为一个表单(from)编写 onsubmit() 脚本的时候,经常需要验证表单中数据的合法性,所以常会这样写: <form action="/admin/addUser.do" method="post" onsubmit="validateForm();"> 试图在 ...
  • 表单(from)编写onsubmit()脚本的时候,经常需要验证表单中数据的合法性,所以常会写道:<form action="/admin/addUser.do" method="post" οnsubmit="validateForm();">,试图在validateForm()中return ...
  • onsubmit控制表单提交

    2018-03-07 14:52:19
    在做页面的时候,我们经常会涉及...标签有个非常有用的属性叫onsubmit,我们可以通过它进行控制表单内容能否提交,onsubmit的属性值为布尔型,即为true时可以正常提交,为false时不能提交。&lt;body&gt; ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 56,924
精华内容 22,769
关键字:

onsubmit