fix-issue 245

templates/repo/cloudbrain/new.tmpl

@@ -116,6 +116,9 @@
     <div class="repository new repo ui middle very relaxed page grid">
         <div class="column">
             {{template "base/alert" .}}
+            <div class="ui positive message" id="messageInfo">
+                <p></p>
+            </div>
             <form id="form_id" class="ui form" action="{{.Link}}" method="post">
                 {{.CsrfTokenHtml}}
                 <h3 class="ui top attached header">
@@ -162,7 +165,7 @@
 
                     <div class="inline required field">
                         <label>镜像</label>
-                        <input type="text" list="cloudbrain_image" placeholder="选择镜像" name="image">
+                        <input type="text" list="cloudbrain_image" placeholder="选择镜像" name="image" required autofocus maxlength="36">
                         <datalist class="ui search" id="cloudbrain_image" style='width:385px;' name="image">
                             {{range .images}}
                                 <option name="image" value="{{.Place}}">{{.PlaceView}}</option>
@@ -240,18 +243,24 @@
     let form = document.getElementById('form_id');
     let value_image = $("input[name='image']").val()
     console.log("value_image",$("input[name='image']").val())
+    
+    $('#messageInfo').css('display','none')
+
     form.onsubmit = function(e){
         let value_task = $("input[name='job_name']").val()
         
         let value_image = $("input[name='image']").val()
-        let re = /^[a-zA-Z0-9-.]+$/
+        let re = /^[a-z0-9][a-z0-9-_]{1,36}$/
         let flag = re.test(value_task)
         if(!flag){
-            alert("任务名称只能包含字母,数字,'-',和'.'")
+            $('#messageInfo').css('display','block')
+            let str = '只能以小写字母或数字开头且只包含小写字母、数字、_和-、最长36个字符。'
+            $('#messageInfo p').text(str)
             return false
         }
         if(!value_image){
-            alert("镜像为空")
+        
+            
             return false
         }
         let min_value_task = value_task.toLowerCase()