diff options
| author |   sunqi310 <sun.qi310@zte.com.cn> | 2016-09-14 15:31:25 +0800 |
|---|---|---|
| committer | sunqi310 <sun.qi310@zte.com.cn> | 2016-09-14 15:31:25 +0800 |
| commit | 3d042d10258e3c6763bedb7da1071c7568788e73 (patch) | |
| tree | 5b9ee3cafcf5d211b7205127807711703526502d /openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js | |
| parent | d089cf2631c2d647b97977bff905a2bdbff93986 (diff) | |
Add extsys gui
Change-Id: Ifd4007f7f41b6efcc5abb120a1edf3e81f213d6d
Signed-off-by: sunqi310 <sun.qi310@zte.com.cn>
Diffstat (limited to 'openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js')
| -rw-r--r-- | openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js | 116 |
1 files changed, 116 insertions, 0 deletions
diff --git a/openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js b/openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js new file mode 100644 index 00000000..5e3c9c96 --- /dev/null +++ b/openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js @@ -0,0 +1,116 @@ +/*
+ * Copyright (C) 2015 ZTE, Inc. and others. All rights reserved. (ZTE)
+ *
+ * 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
+ }
+
+});
|