FormValidator & FormReader

Form with all required fields

*all fileds are required

Output Data:

- click submit button -

JS:

    
        $('#formOne').submit(function (e) {
            e.preventDefault();
            e.stopPropagation();

            var $form = $(this),
            formID = $form.attr('id'),
            $errors = $form.find('.errors'),
            $sendData = $form.find('.send-data');

            $errors.html('');

            Validation.check({
                    $form: $form,
                    fields: ['firstName', 'lastName', 'email', 'phone', 'skype']
                }, function (err, formData) {
                    $sendData.html( JSON.stringify(err));
                    if(err) return $errors.html( err.description );

                    $sendData.html( JSON.stringify(formData));
            })
        });

Form with some required fields

Output Data:

- click submit button -

JS:

    
        $('#formTwo').submit(function (e) {
            e.preventDefault();
            e.stopPropagation();

            var $form = $(this),
            formID = $form.attr('id'),
            $errors = $form.find('.errors'),
            $sendData = $form.find('.send-data');

            $errors.html('');

            Validation.check({
                    $form: $form,
                    fields: ['email', 'phone', 'skype']
                }, function (err, formData) {
                    $sendData.html( JSON.stringify(err));
                    if(err) return $errors.html( err.description );

                    $sendData.html( JSON.stringify(formData));
            })
        });

Form with required "select" field

Output Data:

- click submit button -

JS:

    
        $('#formThree').submit(function (e) {
            e.preventDefault();
            e.stopPropagation();

            var $form = $(this),
            formID = $form.attr('id'),
            $errors = $form.find('.errors'),
            $sendData = $form.find('.send-data');

            $errors.html('');

            Validation.check({
                    $form: $form,
                    fields: ['email', 'phone', 'skype', 'country']
                }, function (err, formData) {
                    $sendData.html( JSON.stringify(err));
                    if(err) return $errors.html( err.description );

                    $sendData.html( JSON.stringify(formData));
            })
        });