Javascript 代码对输入字段中输入的用户名执行 split()

Question

我的 HTML 表单中有一个字段，用户应该输入他的全名。 我需要可以调用.split function 的 javascript 代码，以确保在字段中输入的两个单词之间至少有一个空格进行验证。 拆分 function 应计算单词之间的空格数，如果为零，则用户输入了单个名称单词并应显示错误，如果其为一个及以上，则用户已通过验证。 这个让我大吃一惊，谁能帮我写代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="container">
    <div class="form">
        <label class="accent-1">Enter Your Full Names</label>
        <input type="text" class="form-control" id="mytext">
    </div>
</div>
<script>
    //we are going to scan if user attempted to enter one name using split
    //get the field
    let field=document.getElementById("mytext");
    let y=field.value;
    //javscript split function to fetch substrings into array and check for spaces

</script>
</body>

Answer 1

您可以获取value并拆分字符串（值）并检查长度。 根据情况进行检查。

 const button = document.querySelector("button"); const input = document.querySelector("input"); const error = document.querySelector("div#error"); button.addEventListener("click", e => { const data = input.value.split(" "); if (data.length <= 1) { error.textContent = "Error"; // Do when there is only single word - REJECTED CASE } else { error.textContent = ""; // Do when there is more than a word - ACCEPTED CASE } })

 div#error{ color: red; font-size: 12px; }

 <div class="container"> <div class="form"> <label class="accent-1">Enter Your Full Names</label> <input type="text" class="form-control" id="mytext"> <div id="error"></div> <button> submit </button> </div> </div>

Javascript 代码对输入字段中输入的用户名执行 split()

问题描述

1 个解决方案

解决方案1
0 已采纳 2021-04-01 17:46:52

Javascript 代码对输入字段中输入的用户名执行 split()

问题描述

1 个解决方案

解决方案1 0 已采纳 2021-04-01 17:46:52

解决方案1
0 已采纳 2021-04-01 17:46:52