以联系表格更改验证要求

时间:2017-09-01 06:09:17

标签: javascript

下面的代码中有什么要改变(来自联系表格的.js)以便" nazwisko"字段不是必填字段?这是.php联系表单中的一个文件。我正在检查一些选项,但我不太熟悉.js。仅仅擦除这个" nazwisko"代码中的一行,或者我应该把" false"旁边的要求? 感谢您的支持!

$(document).ready(function(){

/***************************************/
/* Form validation */
/***************************************/
$( '#j-forms' ).validate({

    /* @validation states + elements */
    errorClass: 'error-view',
    validClass: 'success-view',
    errorElement: 'span',
    onkeyup: false,
    onclick: false,

    /* @validation rules */
    rules: {
        nazwisko: {
            required: true
        },
        dataur: {
            required: true
        },
        email: {
            required: true,
            email: true
        },
        'imiona-rodzice': {
            required: true
        },
        telefon: {
            required: true
        },
        klasa: {
            required: true
        },
        szkola: {
            required: true
        },
        adres: {
            required: true
        },
        telkur: {
            required: true
        }
    },
    messages: {
        nazwisko: {
            required: 'Podaj swoje Imię i Nazwisko'
        },
        dataur: {
            required: 'Podaj swoją datę urodzenia'
        },
        'imiona-rodzice': {
            required: 'Podaj imiona rodziców'
        },
        telefon: {
            required: 'Podaj telefon do rodziców'
        },
        klasa: {
            required: 'Podaj swoją klasę'
        },
        szkola: {
            required: 'Podaj swoją szkołę'
        },
        adres: {
            required: 'Podaj swój adres'
        },
        telkur: {
            required: 'Podaj swój telefon'
        },
        email: {
            required: 'Podaj adres email',
            email: 'Niepoprawny format'
        },

    },
    // Add class 'error-view'
    highlight: function(element, errorClass, validClass) {
        $(element).closest('.input').removeClass(validClass).addClass(errorClass);
        if ( $(element).is(':checkbox') || $(element).is(':radio') ) {
            $(element).closest('.check').removeClass(validClass).addClass(errorClass);
        }
    },
    // Add class 'success-view'
    unhighlight: function(element, errorClass, validClass) {
        $(element).closest('.input').removeClass(errorClass).addClass(validClass);
        if ( $(element).is(':checkbox') || $(element).is(':radio') ) {
            $(element).closest('.check').removeClass(errorClass).addClass(validClass);
        }
    },
    // Error placement
    errorPlacement: function(error, element) {
        if ( $(element).is(':checkbox') || $(element).is(':radio') ) {
            $(element).closest('.check').append(error);
        } else {
            $(element).closest('.unit').append(error);
        }
    },
    // Submit the form
    submitHandler:function() {
        $( '#j-forms' ).ajaxSubmit({

            // Server response placement
            target:'#j-forms #response',

            // If error occurs
            error:function(xhr) {
                $('#j-forms #response').html('An error occured: ' + xhr.status + ' - ' + xhr.statusText);
            },

            // Before submiting the form
            beforeSubmit:function(){
                // Add class 'processing' to the submit button
                $('#j-forms button[type="submit"]').attr('disabled', true).addClass('processing');
            },

            // If success occurs
            success:function(){
                // Remove class 'processing'
                $('#j-forms button[type="submit"]').attr('disabled', false).removeClass('processing');

                // If response from the server is a 'success-message'
                if ( $('#j-forms .success-message').length ) {

                    // Remove classes 'error-view' and 'success-view'
                    $('#j-forms .input').removeClass('success-view error-view');
                    $('#j-forms .check').removeClass('success-view error-view');

                    // Reset form
                    $('#j-forms').resetForm();

                    // Prevent submitting the form while success message is shown
                    $('#j-forms button[type="submit"]').attr('disabled', true);

                    setTimeout(function(){
                        // Delete success message after 5 seconds
                        $('#j-forms #response').removeClass('success-message').html('');

                        // Make submit button available
                        $('#j-forms button[type="submit"]').attr('disabled', false);
                    }, 5000);
                }
            }
        });
    }
});
/***************************************/
/* end form validation */
/***************************************/

1 个答案:

答案 0 :(得分:0)

如@Amit所说: 只更改规则部分中的这一行。 无需更改或删除消息部分本身中的消息。

/* @validation rules */
rules: {
    nazwisko: {
        required: false
    },