javascript - 使用 HTML 创建留言簿应用程序，并在输入字段中添加一些条件

Question

我想用 HTML 创建一个留言簿应用程序页面，其中有 3 个字段供用户输入:

1. 姓名

2. 电子邮件

3. 留言

我想让客户端检查 JavaScript，所以下面是我添加到 html 页面头部的代码片段。

1. 对于名称，我需要设置一个条件，以便只能输入字母，不能输入数字，不能输入特殊字符，不能输入空格或空字段，所以我做了这个

   function Validate()
   {
       var x=document.forms["guest"]["email"].value;
       var y=document.forms["guest"]["name"].value;
       var regex=/^[a-zA-Z]+$/;
   
       if( y==null || y=="" || (!y.match(regex)))
       {
           alert("Please enter your Name! ");
           return false;
       }
   

我的问题是:如何插入条件以使名称必须大于 3 个字母？

对于电子邮件字段，我做了以下操作:

if(x==null || x=="")
{
    alert("Please enter your email address!");
    return false;
}
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");

if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
    alert("Not a valid e-mail address");
    return false;
}
else
    return true;
}

我没有任何问题。

对于消息字段，我需要添加一个条件，以便消息必须大于 10 个字符。

你能帮我吗？

谢谢

Answer 1

你真的甚至不需要 JavaScript:

<form action="">
  <input type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" name="email" required title="Valid email required" required>
  <br>
  <input type="text" pattern="[a-zA-Z]{3,}" name="name" required title="Letters only and at least 4 characters" required>
  <br>
  <input type="text" pattern=".{10,}" name="message" required title="10 characters minimum" required>
  <br>
  <button>Submit</button>
</form>