Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script>
function val(){
    var inputs = document.form.getElementsByTagName('input');
    var label = document.form.getElementsByTagName('label');
    
    for(i=0;i<inputs.length;i++){
        
        var tipo = inputs[i].type;
        var nome = inputs[i].getAttribute('name');
        var elemento = inputs[i].getAttribute('id');
        
        if(tipo == 'text' && inputs[i].value.length < 5){
            
            label[i].childNodes.item(1).innerHTML = '*';
            document.getElementById(elemento).focus();
            return false;
            
        }else if(tipo == 'checkbox' && document.form.nome.checked !== true){
            
            label[i].childNodes.item(1).innerHTML = '*';
            document.getElementById(elemento).focus();
            return false;
            
        }else if(tipo == 'radio' &&  document.form.nome.checked !== true){
            
            label[i].childNodes.item(1).innerHTML = '*';
            document.getElementById(elemento).focus();
            return false;
            
        }else{
            label[i].childNodes.item(1).innerHTML = '';
            }
    }
    alert('enviado');
}
</script>
</head>
​
<body>
<form name="form" action="#">
    <label for="nome">Errado <span></span></label>
    <input type="text" name="nome" id="nome">
    
    <label for="check">Errado <span></span></label>
    <input type="checkbox" name="check" id="check">
    
    <label for="check">Errado <span></span></label>
    <input type="checkbox" name="check" id="check2">
    
     <label for="rd">Errado <span></span></label>
    <input type="radio" name="rd" id="rd">
    </form>
    
    <button type="button" onClick="return val()">valida</button>
</form>
</body>
</html>
​
 
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers