Textbox obligatorisch beim Klicken auf Radiobutton

Ich habe eine Ansicht, wo zu der Elektronik hinzufügen hat 2 Radiobuttons ja & nein. Und ein Absenden-Button. Wenn ja Radiobutton geklickt wird. das Mengen-Textfeld sollte nicht leer sein. Es kann jedoch leer sein, wenn kein Radiobutton angeklickt wird. Diese Funktionalität sollte funktionieren, wenn der Submit-Button mit Ja angeklickt wird. radiobutton ist ausgewählt. MY VIEW:Textbox obligatorisch beim Klicken auf Radiobutton

<HTML> 
    <head> 
    radio 
    </head> 
    <body> 
    <form id=radio> 
    Add to electronic <input type="radio" name="yes"onclick="validate(_this)"id="yes"/>Yes<input type="radio" name="yes" id="no" />No<br /> 
    <label>Quantity</label><input type="text"size="25"name="dir"id="dir" required/> 
<button type=submit name=insert>insert</button> 
</body> 
<div> 
<script src="~/Scripts/radiobuttonvalidation.js"></script> 
</div> 
</html>

im neuen MVC und Javascript mir helfen mit JavaScript-Code die Art und Weise too.and ich es mit meiner Ansicht verknüpfen sollte. Javascript:

function validate(_this) { 
    if ($(_this).attr('id') == "yes") { 
     $('#dir').attr('required'); 
     alert("Text Box required"); 
    } 
    else { 
     $('#dir').removeAttr('required'); 
     alert("Text Box not required"); 
    } 
}

Quelle

2017-07-06 ashwanth

, was Sie bisher versucht haben? – guradio

zuerst, schauen Sie sich in Client-Seite Validierung mit Jquery validieren, als nächstes Blick in Modelle und setzen [Required] -Attribut zu Textfeld, dies wird für die Validierung, wenn Sie auf Absenden im Formular klicken. Suchen Sie nun nach Möglichkeiten, wenn Sie auf Ja klicken, Textbox-Validierung aktivieren, wenn Nein geklickt wird, deaktivierte Textbox-Validierung, ich zeige nur, wie Sie es tun können, Sie sollten zuerst selbst etwas versuchen. – Mindless

Ich habe versucht, mit j Query, aber es hat nicht validiert das Textfeld – ashwanth

$(function() { 
 
    $("#radio").submit(function() { 
 
    if ($('#yes').is(':checked') && !$.trim($('#quantity').val())) { 
 
     alert("Please input the quantity."); 
 
     return false; 
 
    } 
 
    }); 
 
});

<html> 
 
     <head> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
     </head> 
 
     <body> 
 
      <form id=radio> 
 
       Add to electronic <input type="radio" name="yes" id="yes" />Yes<input type="radio" name="yes" id="no" />No<br /> 
 
       <label>Quantity</label><input type="text" size="25" name="quantity" id="quantity" /> 
 
       <button type=submit name=insert>insert</button> 
 
      </form> 
 
     </body> 
 
    </html>

Quelle

2017-07-06 04:21:08

Wie verlinkt man dieses Javascript und Radiobutton in Sicht? – ashwanth

Ich denke, es ist besser, erforderliche Attribut beim Ändern des Optionsfelds hinzuzufügen. –

Sie können ein neues Tag namens ... –

HTML Required Attribut kann in solchen Szenarien wirklich hilfreich sein. Gehen Sie durch diese Link für weitere Informationen. Überprüfen Sie auch Jquery Validator, wenn Sie weitere Anpassungen benötigen.

<HTML> 
 
    <head> 
 
    radio 
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
     <script> 
 
     function validate(_this) 
 
     { 
 
      if($(_this).attr('id') == "yes") 
 
      { 
 
       $('#quantity').attr('required'); 
 
       alert("Text Box required"); 
 
      } 
 
      else 
 
      { 
 
       $('#quantity').removeAttr('required'); 
 
       alert("Text Box not required"); 
 
      } 
 
     } 
 
     
 
     </script> 
 
    </head> 
 
    <body> 
 
    <form id=radio> 
 
    Add to electronic 
 
    <input type="radio" name="yes" id="yes" onchange="validate(this)"/>Yes 
 
    <input type="radio" name="yes" id="no" onchange="validate(this)"/>No<br /> 
 
    <label>Quantity</label> 
 
    <input type="text"size="25" name="quantity"id="quantity" required/> 
 
    <button type=submit name=insert>insert</button> 
 
</body> 
 
</html>

Quelle

2017-07-06 04:44:14

ich habe es geschafft bro.still ich habe kein Ergebnis bekommen. wenn ich auf den Einfügeknopf mit Ja Radioknopf klicke, passiert nichts. Mein Radio und Knopfcode: Add to electronic Ja Nein
Richtung/Frequenz – ashwanth

Haben Sie Fehler in Ihrer Browser-Konsole? –

@ashwanth Ich habe die Antwort für Ihre Leichtigkeit aktualisiert. –

Textbox obligatorisch beim Klicken auf Radiobutton

Antwort

Verwandte Themen