Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <script src="LiveValidation.js"></script>
- <style type="text/css">
- .LV_validation_message{
- font-weight:bold;
- margin:0 0 0 5px;
- }
- .LV_valid {
- color:#00CC00;
- }
- .LV_invalid {
- color:#CC0000;
- }
- .LV_valid_field,
- input.LV_valid_field:hover,
- input.LV_valid_field:active,
- textarea.LV_valid_field:hover,
- textarea.LV_valid_field:active {
- border: 1px solid #00CC00;
- }
- .LV_invalid_field,
- input.LV_invalid_field:hover,
- input.LV_invalid_field:active,
- textarea.LV_invalid_field:hover,
- textarea.LV_invalid_field:active {
- border: 1px solid #CC0000;
- }
- </style>
- </head>
- <body>
- <form method=post action="#">
- <p><label for="field1" class="displayBlock">Test Field:</label><input type="text" id="field1" /></p>
- <p><label for="chk_group" class="displayBlock">Acceptance (required):</label><br/>
- <input type="checkbox" id="chk_group" value="value1" />Value 1<br />
- <input type="checkbox" id="chk_group" value="value2" />Value 2<br />
- <input type="checkbox" id="chk_group" value="value3" />Value 3<br />
- <input type="checkbox" id="chk_group" value="value4" />Value 4<br />
- <input type="checkbox" id="chk_group" value="value5" />Value 5<br />
- <input type="checkbox" id="chk_group" value="value6" />Value 6<br /></p>
- <p><input type="submit" class="submit" value="Test me!" /></p>
- </form>
- <script type="text/javascript">
- function isValidField(value){
- var list=document.getElementById("field1");
- var selectd_items=0;
- for(i=0;i<list.length;i++){
- if(list[i].selected){
- selectd_items++;
- }
- }
- cbcount =(selectd_items >2) ? true : false;
- return cbcount;
- };
- var chk_group = new LiveValidation( 'chk_group', {onlyOnSubmit: true } );
- chk_group.add(Validate.Presence);
- chk_group.add( Validate.Custom, { against: function(value){ return isValidField(value) }, failureMessage: "Try Again" } );
- var automaticOnSubmit = chk_group.form.onsubmit;
- chk_group.form.onsubmit = function(){
- var valid = automaticOnSubmit();
- if(valid)alert('The form is valid!');
- return false;
- }
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment