Avatar of arielbf
arielbf
Flag for Israel asked on

jquery mobile checkbox validation

I'm trying to have this form - however the validation is not working... any ideas?

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Expires" CONTENT="0">
<!-- Include meta tag to ensure proper rendering and touch zooming -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<link href="css/themes/default/rtl.jquery.mobile-1.4.0.css" rel="stylesheet" />
<script src="js/rtl.jquery.mobile-1.4.0.js"></script>
</head>

<body>

<div data-role="page">

<div data-role="header" data-theme="b">
    <h1>title</h1>
</div>


<div data-role="content">
    <fieldset>
	
	<form action="try.html" name="form1" method="post" data-ajax="false" class="ui-body ui-body-a ui-corner-all">

	
	
	<fieldset data-role="controlgroup">
	<legend>checkboxes (please check 2 options)</legend>		
	
	
	<p>
		<input type='checkbox' name='q2[]' id='q2_0' value='0' maxlenght="2" minlength="2">
		<label for="q2_0">answer0</label>
		
		<input type='checkbox' name='q2[]' id='q2_1' value='1'>
		<label for="q2_1">answer1</label>
		
		<input type='checkbox' name='q2[]' id='q2_2' value='2'>
		<label for="q2_2">answer2</label>
		
		<input type='checkbox' name='q2[]' id='q2_3' value='3'>
		<label for="q2_3">answer3</label>
		
		<input type='checkbox' name='q2[]' id='q2_4' value='4'>
		<label for="q2_4">answer4</label>
		
	</fieldset>
	
	
			<input type="hidden" value="3450" name="qid">			
			<input type="hidden" value="57350.47" name="st">			
			<input type="submit" data-theme="b" value="submit" id="submitButton" name="continue">
			
		</form>
		
		<script type="text/javascript" src="http://www.midgampanel.com/mobile/dist/localization/messages_he.js"> </script>
		<script>
		$("form1").validate();
		</script>
		
</fieldset>
</div>
</div>

<script>				
	function hidesubmit(){
	  $("#submitButton").closest("div").hide();
	  $("#q2_0").hide();
	}
	function showsubmit(){
	  $("#submitButton").closest("div").show();
	}
setTimeout(hidesubmit, 0);
setTimeout(showsubmit, 2700);
</script>

</body>
</html>

Open in new window

jQueryResponsive Web

Avatar of undefined
Last Comment
arielbf

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
hielo

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
arielbf

ASKER
Great, Thank you!
Your help has saved me hundreds of hours of internet surfing.
fblack61