diff options
Diffstat (limited to 'portal/src/main/webapp/extsys/vim/js/vim-validate.js')
-rw-r--r-- | portal/src/main/webapp/extsys/vim/js/vim-validate.js | 116 |
1 files changed, 116 insertions, 0 deletions
diff --git a/portal/src/main/webapp/extsys/vim/js/vim-validate.js b/portal/src/main/webapp/extsys/vim/js/vim-validate.js new file mode 100644 index 0000000..2297458 --- /dev/null +++ b/portal/src/main/webapp/extsys/vim/js/vim-validate.js @@ -0,0 +1,116 @@ +/* + * Copyright 2016-2017 ZTE Corporation. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/** + * Created by 10184303 on 15-11-17. + */ +var form = $('#vim_form'); +var error = $('.alert-danger', form); +var success = $('.alert-success', form); +form.validate({ + doNotHideMessage: true, //this option enables to show the error/success messages on tab switch. + errorElement: 'span', //default input error message container + errorClass: 'help-block', // default input error message class + focusInvalid: false, // do not focus the last invalid input + rules: { + url: { + required: true, + url: true, + maxlength: 50 + //,repeatedName: true + }, + vimName: { + required: true, + maxlength: 20 + }, + version: { + required: true, + maxlength: 20 + }, + vendor: { + required: true, + maxlength: 20 + }, + userName: { + required: true, + maxlength: 20 + }, + password: { + required: true, + maxlength: 20 + }, + tenant: { + required: true, + maxlength: 20 + } + }, + messages: { + url: { + //required: $.i18n.prop('com_zte_ums_zenic_topology_connectmanager_enter_name') + required: $.i18n.prop('com_zte_ums_eco_roc_vim_auth_url_require_message'), + url: $.i18n.prop('com_zte_ums_eco_roc_vim_auth_url_alarm_message') + }, + vimName: { + required: $.i18n.prop('com_zte_ums_eco_roc_vim_name_alarm_message') + }, + userName: { + required: $.i18n.prop('com_zte_ums_eco_roc_vim_username_alarm_message') + }, + password: { + required: $.i18n.prop('com_zte_ums_eco_roc_vim_password_alarm_message') + }, + version: { + required: $.i18n.prop('com_zte_ums_eco_roc_vim_version_alarm_message') + }, + vendor: { + required: $.i18n.prop('com_zte_ums_eco_roc_vim_vendor_alarm_message') + }, + tenant: { + required: $.i18n.prop('com_zte_ums_eco_roc_vim_tenant_alarm_message') + } + }, + errorPlacement: function (error, element) { // render error placement for each input type + error.insertAfter(element); // for other inputs, just perform default behavior + }, + + invalidHandler: function (event, validator) { //display error alert on form submit + success.hide(); + error.show(); + //ZteFrameWork.scrollTo(error, -200); + }, + + highlight: function (element) { // hightlight error inputs + $(element) + .closest('.form-group').removeClass('has-success').addClass('has-error'); // set error class to the control group + }, + + unhighlight: function (element) { // revert the change done by hightlight + $(element) + .closest('.form-group').removeClass('has-error'); // set error class to the control group + }, + + success: function (label) { + label + .addClass('valid') // mark the current input as valid and display OK icon + .closest('.form-group').removeClass('has-error'); // set success class to the control group + }, + + submitHandler: function (form) { + success.show(); + error.hide(); + //add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax + } + +}); |