Live Validation

by Kunal Paul

HTML

<script src="https://rawgit.com/alechill/livevalidation/master/src/livevalidation_standalone.js"></script>
<form action="#" onsubmit="return validate()">

<select name="selectid1" id="selectid1">
	<option value="0">---Select---</option>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>

<input type="submit" value="Submit" />

</form>

JavaScript

var totalValidationFields = new Array();
var i = 0;

function validate()
	{	
		return LiveValidation.massValidate(totalValidationFields);
	}
function validateSelect(value)
	{
		alert('Validate select called');
		if(value==="0")
			return false;
		else
			return true;
	}
function addCustomValidation(id,msg)
	{
		var selectedvalue = $('#'+id+' option:selected').val();
		var fieldValidation=new LiveValidation(id);
		fieldValidation.add(Validate.Custom, { against: validateselect(selectedvalue), failureMessage: msg });
		totalValidationFields[i++]=fieldValidation;
	}

	$(document).ready(function(){
		addCustomValidation('inputid1','*Required field');
	});