Bug #4057: Add abide pattern to role names

src/sunstone/public/app/tabs/oneflow-templates-tab/form-panels/create.js

@@ -200,7 +200,15 @@ define(function(require) {
 
 
     $(document).foundation('tab', 'reflow');
-    
+
+    context.foundation({
+      abide : {
+        patterns: {
+          word_chars: /^\w+$/
+        }
+      }
+    });
+
     // Add first role
     $("#tf_btn_roles", context).trigger("click");
 

src/sunstone/public/app/tabs/oneflow-templates-tab/utils/role-tab/html.hbs

@@ -19,7 +19,8 @@
     <label for="name">{{tr "Role Name"}}
       <span class="tip">{{tr "Name of the role"}}</span>
     </label>
-    <input type="text" id="role_name" name="name" required/>
+    <input type="text" id="role_name" name="name" required pattern="word_chars"/>
+    <small class="error">{{tr "Can only contain alphanumeric and underscore characters"}}</small>
   </div>
   <div class="service_template_param service_role medium-2 columns end">
     <label for="cardinality">{{tr "VMs"}}