Question

我是学习javaScript的新手，我在互联网上搜索了如何在html中验证我的表单，但仍然无法弄明白。我希望有人可以查看我的表单并告诉我如何验证其中的特定字段。我需要验证的字段是：

名称电话电子邮件评论

每个字段都需要包含一个值，手机和电子邮件字段需要包含2个以上的字符，电子邮件字段需要包含“@”符号。这是表格标记：

<form action="formmail.php" method="get" class= "form">
<script type="text/javascript" src="formValidation.js"></script>
<input id="name" type="text" name="Name" value = "enter your name">
<br>  
<input type="email" name="Email" value= "enter email"/>
<br>   
<input type="tel" name="Phone" value= "enter phone number"/>
<br>
<p>
<input onclick="myFunction" type="submit" name="submit"      value="Submit"/>
</p>
<h2> Team </h2>
<p>Select your team<br/>
</p>
<select multiple name="interests">
<option value="Adults">Adults</option>
<option value="Under12s" >Under 12s</option>
<option value="under6s" >Under 6s</option>
</select>
<h2>Are you an existing member? </h2>
<p>
<input type="radio" name="roomRating" value="excellent">yes<br/>
<input type="radio" name="roomRating" value="good">no<br/>
</p>
<p> comments </p>
<textarea name="comments" rows="5" cols="25"></textarea>
</form>

Answer 1

请尝试以下代码： -

function validateEmail(email) {
    var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
}

它将验证电子邮件

Answer 2

如果你可以使用jquery，我建议你使用这个插件： https://jqueryvalidation.org/

它使事情变得更容易，您将快速学习它。你必须在你的项目和插件中包含jquery（learn.jquery.com/jquery-ui/getting-started）：

    <html>
<head>
  <script src="../Scripts/jquery-1.x.y.js"></script>
</head>
<body>

如果没有，你必须自己做：

http://www.w3schools.com/js/js_validation.asp

Regads

Answer 3

你应该检查HTML5验证，你不需要使用jquery，并且非常容易使用。

本网站详细讲述了如何使用HTML5验证：http://www.html5rocks.com/en/tutorials/forms/constraintvalidation/

Answer 4

试试吧

<input id="name" type="text" name="Name" value = "enter your name" required/>
<input type="email" name="Email" value= "enter email" required/>
<input type="tel" name="Phone" value= "enter phone number" required/>

验证我的表格

4 个答案: