etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CS-15726: Use custom validation for tagger widget 

Show a generic dialog box for tagger validation, instead of using
jQuery validate

--it conflicted with the detail view's edit fields and prevented
submission unless the key and value fields were filled out.
This commit is contained in:
Brian Federle 2012-07-30 14:29:47 -07:00
parent ba2c05cc55
commit 587189e302
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ui/scripts/ui/widgets/tagger.js
View File

@ -1,13 +1,26 @@
(function($, cloudStack) {
var isFormValid = function($form) {
var key = $form.find('input[name=key]').val();
var value = $form.find('input[name=value]').val();
if (!key || !value) {
cloudStack.dialog.notice({ message: 'Please specify a tag key and value' });
return false;
}
return true;
};
var elems = {
inputArea: function(args) {
var $form = $('<form>').addClass('tag-input');
var $keyField = $('<div>').addClass('field key');
var $keyLabel = $('<label>').attr('for', 'key').html('Key:');
var $key = $('<input>').addClass('key required').attr('name', 'key');
var $key = $('<input>').addClass('key').attr('name', 'key');
var $valueField = $('<div>').addClass('field value');
var $valueLabel = $('<label>').attr('for', 'value').html('Value:');
var $value = $('<input>').addClass('value required').attr('name', 'value');
var $value = $('<input>').addClass('value').attr('name', 'value');
var $submit = $('<input>').attr('type', 'submit').val('Add');
$keyField.append($keyLabel, $key);
@ -22,7 +35,7 @@
$form.submit(
args.onSubmit ?
function() {
if (!$form.valid()) return false;
if (!isFormValid($form)) return false;
args.onSubmit({
data: cloudStack.serializeForm($form),