Question

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

名称
电子邮件
消息

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

对于姓名，我需要设置一个条件，这样才能输入字母，没有数字，没有特殊字符，没有空格或空字段，所以我做了这个

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：

＆＃13;

<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>

＆＃13;

Answer 2

您应该查看 length 属性。

E.g：

var y=document.forms["guest"]["name"].value;

if(y.length < 3) {
    alert("Not a valid name");
    return false;
}

w3schools

上的长度属性的更多信息

另一个选择是使用HTML5 minlength 属性：

<label>Username: <input name=u required minlength=3></label>

W3

上minlength属性的更多信息

使用输入字段中的某些条件以HTML格式创建留言簿应用程序

2 个答案: