Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<h1>Форма 1</h1>
<form action="#">
  <input class='sucess' type="text" >
  <input type="text">
  <input type="text">
  <input class='sucess' type="text" >
  <input type="text">
  <input class='sucess' type="text" >
  <input type="text">
  <input class='sucess' type="text" >
  <input type="text">
  <input type="text">
  <input class='sucess' type="text">
  <input type="text">
  <input class='sucess' type="text">
  <input class='sucess' type="text">
  <input class='sucess' type="text">
  <input type="submit" value='Отправить форму 1'>
</form>
<h1>Форма 2</h1>
<form action="#">
  <input class='sucess' type="text" >
  <input type="text">
  <input type="text">
  <input class='sucess' type="text" >
  <input type="text">
  <input class='sucess' type="text" >
  <input type="text">
  <input class='sucess' type="text">
  <input type="text">
  <input class='sucess' type="text">
  <input type="text">
  <input class='sucess' type="text">
  <input class='sucess' type="text">
  <input class='sucess' type="text">
  <input type="submit" value='Отправить форму 2'>
</form>
 
document.querySelector('form').addEventListener('submit', function(e){
  e.preventDefault();
  this.querySelectorAll('.sucess').forEach(e=>e.classList.remove('sucess'))
})
document.querySelectorAll('form')[1].addEventListener('submit', function(e){
  e.preventDefault();
  this.querySelectorAll('.sucess').forEach(e=>e.classList.remove('sucess'))
})
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers