小编Mak*_*nko的帖子

修剪输入中值的空白

新手需要帮助。我很难从提交表单的输入中删除空格。这是我尝试的方法:

\n\n
var usernameInput = document.querySelector('.setup-user-name');\nvar newValue = usernameInput.value.trim();\nusernameInput.value = newValue;\n
Run Code Online (Sandbox Code Playgroud)\n\n

之后该表单应该经过如下验证:

\n\n
usernameInput.addEventListener('invalid', function () {\n  if (usernameInput.validity.tooShort) {\n    usernameInput.setCustomValidity('\xd0\x98\xd0\xbc\xd1\x8f \xd0\xb4\xd0\xbe\xd0\xbb\xd0\xb6\xd0\xbd\xd0\xbe \xd1\x81\xd0\xbe\xd1\x81\xd1\x82\xd0\xbe\xd1\x8f\xd1\x82\xd1\x8c \xd0\xbc\xd0\xb8\xd0\xbd\xd0\xb8\xd0\xbc\xd1\x83\xd0\xbc \xd0\xb8\xd0\xb7 2-\xd1\x85 \n\xd1\x81\xd0\xb8\xd0\xbc\xd0\xb2\xd0\xbe\xd0\xbb\xd0\xbe\xd0\xb2');\n  } else if (usernameInput.validity.valueMissing) {\n    usernameInput.setCustomValidity('\xd0\x9e\xd0\xb1\xd1\x8f\xd0\xb7\xd0\xb0\xd1\x82\xd0\xb5\xd0\xbb\xd1\x8c\xd0\xbd\xd0\xbe\xd0\xb5 \xd0\xbf\xd0\xbe\xd0\xbb\xd0\xb5');\n  } else {\n    usernameInput.setCustomValidity('');\n  }\n});\n
Run Code Online (Sandbox Code Playgroud)\n\n

即使我使用该trim方法,我仍然可以提交输入中包含空格的表单。

\n

javascript forms validation whitespace

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

forms ×1

javascript ×1

validation ×1

whitespace ×1