Question

<script type="text/javascript">
function check(n,mail,msg)
{
if(name.toLowerCase()== "")
{
alert("Please Enter your name.");
document.getElementById("Name").select();
    document.getElementById("Name").focus();
    return false;
}
else if(lname.toLowerCase()== "")
{
    alert("Please Enter your email.")
    document.getElementById("email").select();
    document.getElementById("email").focus();   
    return false;
}
else if(ph == "")
{ 
    alert("Please Enter your Contact Number.")
    document.getElementById("message").focus();
    return false;
}

return true;
}

=============================================== ==========

<form method="post" name="contact_form" action="contact-form-handler.php">

<p> Your Name:
<input type="text" name="name"></p>

<p>Email Address:
<input type="text" name="email"></p>

<p>Message:
<textarea name="message"></textarea></p>

=============================================== ==========

<input type="button" value="submit" onclick="return check(document.getElementById('name').value,document.getElementById('email').value,document.getElementById('message').value)" />

=============================================== ==========

我遇到HTML验证问题，因为当我点击按钮时，没有执行验证。

Answer 1

相反..在表单上添加验证，如下所示：

<form method="post" name="contact_form" action="contact-form-handler.php" 
onsubmit="return validateForm()">

这可以100％工作

Answer 2

请尝试使用此按钮：

<input type="button" value="submit" onclick="function(){ check(document.getElementById('name').value,document.getElementById('email').value,document.getElementById('message').value)}" />

Answer 3

<form method="post" name="contact_form" action="contact-form-handler.php">

<p> Your Name:
<input type="text" id="name" name="name"></p>

<p>Email Address:
<input type="text" id="email" name="email"></p>

<p>Message:
<textarea id="message" name="message"></textarea></p>

使用此html标记。它有你错过的ID。您正在使用document.getElementById（“name”）。但是输入字段没有id“name”。其他领域也一样。

HTML表单验证问题

3 个答案: