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