如何在提交表单时触发多项功能？ [英] How to trigger multiple functions while submitting a form?

问题描述

HTML：

HTML:

<form id="registerform3" method="post" name="registerform3" action="finish.html"  önsubmit="checkPass();my();">
<input type="submit">
</form>

我想在onsubmit事件上触发两个函数。有可能吗？如果是的话怎么样？



Javascript：

I want to trigger two functions on onsubmit event. can it be possible? and if yes than how?

Javascript:

function my()
{ var pass1 = document.getElementById('setpassword');
    var pass2 = document.getElementById('confirm');

    var message = document.getElementById('message1');
	

    var goodColor = "#0C6";
    var badColor = "#FF9B37";
	 if(pass1.value.length>=8){
        
        pass1.style.backgroundColor = goodColor;
       message.style.color = goodColor;
	 
        message.innerHTML = "Password Accepted!";
	return true;
    }else {
   
        pass1.style.backgroundColor = badColor;
		
        message.style.color = badColor;
        message.innerHTML = "Minimum 8 characters!";
		return false;
    }
}
function checkPass()
{


    var pass1 = document.getElementById('setpassword');
    var pass2 = document.getElementById('confirm');
    
    var message = document.getElementById('message2');

   var goodColor = "#0C6";
    var badColor = "#FF9B37";
  
    if(pass1.value == pass2.value){
       
	   
        pass2.style.backgroundColor = goodColor;
        message.style.color = goodColor;
        message.innerHTML = "Matching!";
		return true;
		
		
    }else {
      
        pass2.style.backgroundColor = badColor;
        message.style.color = badColor;
        message.innerHTML = "Doesn't Matching!";
		return false;
	
	
    }
	
	
	
}

推荐答案

HTML中的事件处理程序（如onsubmit）是使用JavaScript代码，因此编写返回内容; 将停止执行流程。

如果要执行多个函数你可以做两件事：

1.创建一个调用所有其他人的函数（首选恕我直言）

Event handlers in HTML (like onsubmit) are uing JavaScript code, so writing return something; will stop the execution flow.
If you want to execute multiple function you can do two things:
1. Create a function that calls upon all others (preferred IMHO)

<form ...  önsubmit="return(onSubmit());">

function onSubmit()
{
  var rv = checkPass();

  my();

  // other thing to do

  return(rv);
}

2.在事件处理程序中写下你要调用的所有函数：onsubmit =chcekPass（）; my （）;

2. Write in event handler all the functions you want to call: onsubmit="chcekPass();my();"

<form id="registerform3" method="post" name="registerform3" action="finish.html"  önsubmit="return checkPass() & my() & my2() & my3();">
<input type="submit">
</form>

现场演示

这篇关于如何在提交表单时触发多项功能？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！