jeorgen/livevalidation-jquery.html

## livevalidation-jquery.html
<html>

<!--This page demonstrates how Livevalidation "hangs on" to elements that have been removed by jquery.

Usage: Open the page in a web browser (I have used Chrome 22.0.1229.64 beta and Firefox 15.0 on Linux)
       Attach a validator to the e-mail field by clicking the "Add validator" link.
       Remove the e-mail field by clicking the "Remove e-mail" link.
       The form cannot be submitted.

       A workaround is to let livevalidation explicitly destroy the field-->
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

<script type="text/javascript" src="http://livevalidation.com/javascripts/src/1.3/livevalidation_standalone.compressed.js"></script>

<script type="text/javascript">
    function add_validators() {
                    var f1 = new LiveValidation('email_participant1', {onlyOnSubmit: true });
                    f1.add(Validate.Email);
                    f1.add(Validate.Presence);
    }
</script>
</head>
<body>
    <form id="aform" action="http://www.webworks.se">
            <table>
            <tr>
                <td>Name:</td><td><input type="text" class="name" name="name_participant1"/></td>
            </tr>
            <tr id="emailrow">
                <td>E-mail (required):</td><td><input type="text"  class="email" name="email_participant1" id="email_participant1" /></td>
            </tr>
            </table>

        <a href="" onclick="$('#emailrow').slice(0).remove();return false">Remove e-mail</a>

        <a href="" onclick="add_validators();return false">Add validator</a>
        <input type="submit" value="submit" />

    </form>
</body>
</html>
	<html>

	<!--This page demonstrates how Livevalidation "hangs on" to elements that have been removed by jquery.

	Usage: Open the page in a web browser (I have used Chrome 22.0.1229.64 beta and Firefox 15.0 on Linux)
	Attach a validator to the e-mail field by clicking the "Add validator" link.
	Remove the e-mail field by clicking the "Remove e-mail" link.
	The form cannot be submitted.

	A workaround is to let livevalidation explicitly destroy the field-->
	<head>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

	<script type="text/javascript" src="http://livevalidation.com/javascripts/src/1.3/livevalidation_standalone.compressed.js"></script>

	<script type="text/javascript">
	function add_validators() {
	var f1 = new LiveValidation('email_participant1', {onlyOnSubmit: true });
	f1.add(Validate.Email);
	f1.add(Validate.Presence);
	}
	</script>
	</head>
	<body>
	<form id="aform" action="http://www.webworks.se">
	<table>
	<tr>
	<td>Name:</td><td><input type="text" class="name" name="name_participant1"/></td>
	</tr>
	<tr id="emailrow">
	<td>E-mail (required):</td><td><input type="text" class="email" name="email_participant1" id="email_participant1" /></td>
	</tr>
	</table>

	<a href="" onclick="$('#emailrow').slice(0).remove();return false">Remove e-mail</a>

	<a href="" onclick="add_validators();return false">Add validator</a>
	<input type="submit" value="submit" />

	</form>
	</body>
	</html>