[Ajax] [JQuery] Validate XOR

Sonderk!nd · 5. Oktober 2011

[JQuery] Validate XOR

Hiho,

ich möchte mit JQuery gerne eine XOR Regel erstellen und finde dazu nix im Netz, vll weiß einer obs überhaupt geht und wenn ja wie

Ich hab 2 Dropdown menüs und eines davon muss gesetzt sein beide dürfen nicht gesetzt oder ungesetzt sein, nen XOR halt ^^

Edit: Arbeite mit http://docs.jquery.com/Plugins/validation

Anzeige

Murdoc · 5. Oktober 2011

AW: [JQuery] Validate XOR

wo ist das problem? XOR hast du doch recht einfach mit || und && nachgebaut.

Code:

var foo = true, bar = true;

if ((foo && !bar) || (!foo && bar)) { 
 alert("XOR?"); 
}

var foo = false, bar = true;

if ((foo && !bar) || (!foo && bar)) { 
 alert("XOR!"); 
}

im übrigen ist jQuery nur ein framework. XOR implementierst du wenn dann in javascript.

kürzer:

Code:

foo ? !bar : bar

bitwise:

Code:

(foo ? 1 : 0) ^ (bar ? 1 : 0)

logisch:

Code:

!foo != !bar

such dir was aus

Sonderk!nd · 5. Oktober 2011

AW: [JQuery] Validate XOR

das Jquery nur ein Framework ist weiß ich, sorry hab mich vll auch ungenau ausgedrückt.
ich Arbeite gerade mit http://docs.jquery.com/Plugins/validation und dachte das es dort irgentwo implementiert ist und ich nur zu deppert bin es zu finden

PS: SRy für die ungenauigkeit aber hab letzten 2 nächte kaum gepennt da kommen paar ungenauigkeiten zusammen deshalb steh ich gerade auch so auffem schlauch

Murdoc · 5. Oktober 2011

AW: [JQuery] Validate XOR

habs mal implementiert

HTML:

<!DOCTYPE html>
<html>
 <head>
 <title>jQuery validation</title>
 <meta http-equiv="Content-Type" content="text/html; Charset=UTF-8" />
 </head>
 <body>
 <form id="my_form" method="get" action="">
 <select name="foo" size="5" id="select1">
 <option selected value="0"> - - - - </option>
 <option value="foo1">Foo</option>
 <option value="bar1">Bar</option>
 </select>
 
 <select name="bar" size="5" id="select2">
 <option selected value="0"> - - - - </option>
 <option value="foo2">Foo 2</option>
 <option value="bar2">Bar 2</option>
 </select>
 
 <input type="submit" />
 </form>
 
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js"></script>
 <script type="text/javascript">
 // <![CDATA[
 
 $("#my_form").validate();
 
 $.validator.addMethod("select_xor", function(value, element, other) { 
 
 var index1 = element.selectedIndex,
 index2 = $(other).prop("selectedIndex"); 
 
 return (!index1 != !index2);
 
 }, "Min. eines aber nicht beide ;)");

 $("#select1").rules("add", { select_xor: "#select2" });
 $("#select2").rules("add", { select_xor: "#select1" });
 
 // nur zum testen, später natürlich weglassen!
 $("#my_form").bind("submit", function(event) { event.preventDefault(); return false; });
 
 // ]]>
 </script>
 </body>
</html>

live: http://murdoc.eu/rr/jquery-validator.html

Sonderk!nd · 7. Oktober 2011

AW: [JQuery] Validate XOR

So ich habe nun doch noch eine andere Lösung gefunden mit den Rules die fester bestandteil des Plugins sind^^

Code:

rules:{
 eigenschaft:{
 required: function(){
 return $('#auswahlTypSubtyp').text() != "";
 }
 },
 auswahlTypSubtyp: 
 {
 required:function(){
 return $('#eigenschaft').text() != "";
 }
 }
 }

required method | jQuery Validation Plugin

Nützliche Suchen

[Ajax] [JQuery] Validate XOR

Videos zum Themenbereich