Revalidate an element when changed programmatically with javascript

Question

I am using JQuery Validate plugin, and validating inputs this way. An input has been marked as invalid, after submitting form once. There is a field, "from", whose value is linked to another field, "to". How do I get the field "to" to revalidate once "from" has been changed? HTML: ```

From

To

Accepted Answer

You can programatically trigger a validation test using the `.valid()` method. You can attach `.valid()` to a single input element or to the whole form.

```
$('#myform').valid();
```

or

```
$('input[name="fieldName"]').valid();
```

Calling `.valid()` will immediately trigger a validation test on the selected element(s) as well as returning a boolean value.

(Note: `validate()` needs to be called on the form before checking it using this method.)

See: http://jqueryvalidation.org/valid/

Revalidate an element when changed programmatically with javascript

Solution

Problem