fix error tips with english

assets/lang/en.json

@@ -29,6 +29,7 @@
   "Other error": "Other error",
   "Param error": "Param error",
   "User exist": "User exist",
+  "User cannot be empty": "User cannot be empty",
   "Token cannot be empty": "Token cannot be empty",
   "Please check at least one user": "Please Check at least one user",
   "Operation confirm": "Operation confirm",

assets/lang/zh.json

@@ -29,6 +29,7 @@
   "Other error": "其他异常",
   "Param error": "参数异常",
   "User exist": "用户已经存在",
+  "User cannot be empty": "用户不能为空",
   "Token cannot be empty": "Token 不能为空",
   "Please check at least one user": "请选中需要操作的用户",
   "Operation confirm": "操作确认",

assets/static/js/index.js

@@ -6,6 +6,36 @@ $(function () {
         Disable: 3
     }
 
+    /**
+     * verify user value
+     * @param username
+     */
+    function verifyUser(username) {
+        var valid = true;
+        if (username.trim() === '' || !/\w/.test(username)) {
+            valid = false;
+        }
+        return {
+            valid: valid,
+            trim: username
+        };
+    }
+
+    /**
+     * verify token value
+     * @param token
+     */
+    function verifyToken(token) {
+        var valid = true;
+        if (token.trim() === '' || !/\w/.test(token)) {
+            valid = false;
+        }
+        return {
+            valid: valid,
+            trim: token
+        };
+    }
+
     /**
      * verify comment is valid
      * @param comment
@@ -120,15 +150,43 @@ $(function () {
     function langLoaded(lang) {
         //set verify rules
         var verifyRules = {
+            user: function (value, item) {
+                var result = verifyUser(value);
+                if (!result.valid) {
+                    return lang['UserEmpty'];
+                }
+                if (item != null) {
+                    if (typeof item === "function") {
+                        item && item(result.trim);
+                    } else {
+                        $(item).val(result.trim);
+                    }
+                }
+            },
+            token: function (value, item) {
+                var result = verifyToken(value);
+                if (!result.valid) {
+                    return lang['TokenEmpty'];
+                }
+                if (item != null) {
+                    if (typeof item === "function") {
+                        item && item(result.trim);
+                    } else {
+                        $(item).val(result.trim);
+                    }
+                }
+            },
             comment: function (value, item) {
                 var result = verifyComment(value);
                 if (!result.valid) {
                     return lang['CommentInvalid'];
                 }
-                if (typeof item === "function") {
-                    item && item(result.trim);
-                } else {
-                    $(item).val(result.trim);
+                if (item != null) {
+                    if (typeof item === "function") {
+                        item && item(result.trim);
+                    } else {
+                        $(item).val(result.trim);
+                    }
                 }
             },
             ports: function (value, item) {
@@ -136,10 +194,12 @@ $(function () {
                 if (!result.valid) {
                     return lang['PortsInvalid'];
                 }
-                if (typeof item === "function") {
-                    item && item(result.trim);
-                } else {
-                    $(item).val(result.trim);
+                if (item != null) {
+                    if (typeof item === "function") {
+                        item && item(result.trim);
+                    } else {
+                        $(item).val(result.trim);
+                    }
                 }
             },
             domains: function (value, item) {
@@ -147,10 +207,12 @@ $(function () {
                 if (!result.valid) {
                     return lang['DomainsInvalid'];
                 }
-                if (typeof item === "function") {
-                    item && item(result.trim);
-                } else {
-                    $(item).val(result.trim);
+                if (item != null) {
+                    if (typeof item === "function") {
+                        item && item(result.trim);
+                    } else {
+                        $(item).val(result.trim);
+                    }
                 }
             },
             subdomains: function (value, item) {
@@ -158,10 +220,12 @@ $(function () {
                 if (!result.valid) {
                     return lang['SubdomainsInvalid'];
                 }
-                if (typeof item === "function") {
-                    item && item(result.trim);
-                } else {
-                    $(item).val(result.trim);
+                if (item != null) {
+                    if (typeof item === "function") {
+                        item && item(result.trim);
+                    } else {
+                        $(item).val(result.trim);
+                    }
                 }
             }
         };
@@ -217,8 +281,11 @@ $(function () {
             var after = $.extend(true, {}, obj.data);
             var verifyMsg = false;
             if (field === 'token') {
-                if (value.trim() === '') {
-                    layui.layer.msg(lang['TokenEmpty'])
+                verifyMsg = verifyRules.token(value, function (trim) {
+                    updateTableField(obj, field, trim)
+                });
+                if (verifyMsg) {
+                    layui.layer.msg(verifyMsg);
                     return obj.reedit();
                 }
 
@@ -318,7 +385,7 @@ $(function () {
                 btn: [lang['Confirm'], lang['Cancel']],
                 btn1: function (index) {
                     if (layui.form.validate('#addUserForm')) {
-                        add(layui.form.val('addUserForm'), index)
+                        add(layui.form.val('addUserForm'), index);
                     }
                 },
                 btn2: function (index) {
@@ -540,6 +607,12 @@ $(function () {
                 reason = lang['ParamError'];
             else if (result.code === 2)
                 reason = lang['UserExist'];
+            else if (result.code === 3)
+                reason = lang['ParamError'];
+            else if (result.code === 4)
+                reason = lang['UserEmpty'];
+            else if (result.code === 5)
+                reason = lang['TokenEmpty'];
             layui.layer.msg(lang['OperateFailed'] + ',' + reason)
         }
 

assets/templates/index.html

@@ -24,7 +24,7 @@
             <div class="layui-input-prefix">
                 <i class="layui-icon layui-icon-username"></i>
             </div>
-            <input type="text" name="user" value="" placeholder="${ .User }" class="layui-input" autocomplete="off"
+            <input type="text" name="user" placeholder="${ .User }" class="layui-input" autocomplete="off"
                    lay-affix="clear">
         </div>
     </div>
@@ -73,21 +73,19 @@
     </div>
 </script>
 <script type="text/html" id="addTemplate">
-    <div class="layui-form" id="addUserForm" lay-filter="addUserForm">
+    <form class="layui-form" id="addUserForm" lay-filter="addUserForm">
         <div class="layui-form-item">
             <label class="layui-form-label">${ .User }</label>
             <div class="layui-input-block">
-                <input type="text" name="user" placeholder="${ .PleaseInputUserAccount }" autocomplete="off"
-                       class="layui-input"
-                       lay-verify="required">
+                <input type="text" name="user" lay-verify="user" placeholder="${ .PleaseInputUserAccount }"
+                       autocomplete="off" class="layui-input"/>
             </div>
         </div>
         <div class="layui-form-item">
             <label class="layui-form-label">${ .Token }</label>
             <div class="layui-input-block">
-                <input type="text" name="token" lay-verify="required" placeholder="${ .PleaseInputUserToken }"
-                       class="layui-input"
-                       autocomplete="off">
+                <input type="text" name="token" lay-verify="token" placeholder="${ .PleaseInputUserToken }"
+                       autocomplete="off" class="layui-input"/>
             </div>
         </div>
         <div class="layui-form-item layui-form-text">
@@ -118,7 +116,7 @@
                           autocomplete="off" class="layui-textarea"></textarea>
             </div>
         </div>
-    </div>
+    </form>
 </script>
 </body>
 </html>