Enterprise Framework

How To: Unobtrusive Javascript - Manually Add/Remove Required Rule and Message.  

<script type="text/javascript">
    $(function () {

        var addRequired = function () {
            // Manually add required fields to certain fields
            $('#scheduledLockDate').rules('add', {
                required: true,
                messages: {
                    required: "The Scheduled Lock Date is required"
                }
            });
            $('#scheduledDisposeDate').rules('add', {
                required: true,
                messages: {
                    required: "The Scheduled Dispose Date is required"
                }
            });
            $('#issueDate').rules('add', {
                required: true,
                messages: {
                    required: "The Issue Date is required"
                }
            });
        }

        // This will remove the manually required fields
        var removeRequired = function () {
            // Manually remove required fields to certain controls
            $('#scheduledLockDate').rules('remove', 'required');
            $('#scheduledDisposeDate').rules('remove', 'required');
            $('#issueDate').rules('remove', 'required');
        }

        // Handle the form submit method
        $('#workspaceForm').submit(function (e) {
            e.preventDefault();
            var form = this;

            // Trigger Form Validation
            var isValid = $('#workspaceForm').valid();

            if (!isValid) {
                // Exit out
                return false;
            }

            form.submit();
        });

        //Manually add the required fields
        addRequired();

        //Manually remvoe the required fields
        removeRequired();
    });
</script>