Wie deaktivieren in mehreren Eingaben erfordern und den anderen Eingang in Javascript

Question

aktiviert Wie require in Eingängen deaktivieren mit name = "item_name", name="description" und name="quantity" wenn ich Zweck klicken und die require in Zweck ermöglicht textarea von Javascript.

Edit: Was ich meine, wirklich ist, wenn ich das Formular durch Hinzufügen klicken, wird nur der input mit Namen item_namedescriptionquantity erforderlich sind und wenn ich das Formular durch Purpose klicken, wird der textarea wird derjenige sein, der

erforderlich ist Hier

ist mein Code:

<form action="../function/add_item.php" method="post"> 

<input id="autocomplete" name="item_name" placeholder="Item Name" required> 
<input type="text" name="description" placeholder="Description placeholder="Quantity"" required> 
<input type="number" name="quantity" required> 

<button name="submit" type="submit" class="btn btn-default">ADD</button> 

<textarea placeholder="Purpose (e.g. Office Use)" name="purpose" required></textarea> 

<button name="purpose" type="submit" class="btn btn-info">Purpose</button> 
</form> 

Answer 1

Ich nehme an, dies ist der Code Sie vielleicht suchen:

$(function() { 
    $('[type=submit]').on('click', function() { 
     if($(this).attr('name') == 'submit') { 
      $('[name=item_name], [name=description], [name=quantity]').attr('required', 'required'); 
      $('[name=purpose]').removeAttr('required'); 
     } else if($(this).attr('name') == 'purpose') { 
      $('[name=purpose]').attr('required', 'required'); 
      $('[name=item_name], [name=description], [name=quantity]').removeAttr('required'); 
     } 
    }); 
}); 

Answer 2

schreiben id auf Ihre Schaltfläche

<button id="purpose" type="submit" class="btn btn-info">Purpose</button> 

Dann

$(function() { 
    $('#purpose').click(function() { 
     $('#item_name').removeAttr('required');​​​​​ 
     $('#description').removeAttr('required');​​​​​ 
     $('#quantity').removeAttr('required');​​​​​ 
     $('textarea').attr('required','1'); 
    }); 
}); 

Answer 3

versuchen diese. Habe ich nur noch ein paar Javascript und id's

document.getElementById('purpose').onclick = function() { 
 

 
    document.getElementById("name").required=false; 
 
    document.getElementById("des").required=false; 
 
    document.getElementById("qnt").required=false; 
 
}

<form action="../function/add_item.php" method="post"> 
 
<input id="name" name="item_name" placeholder="Item Name" required> 
 
<input id="des" type="text" name="description" placeholder="Description placeholder="Quantity"" required> 
 
<input id="qnt" type="number" name="quantity" required> 
 

 
<button name="submit" type="submit" class="btn btn-default">ADD</button> 
 
<textarea placeholder="Purpose (e.g. Office Use)" name="purpose" required></textarea> 
 

 
<button id="purpose" name="purpose" type="submit" class="btn btn-info">Purpose</button> 
 
</form>