javascript - HTML 表单验证问题

标签 javascript html validation

<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 验证方面遇到问题,因为当我单击按钮时,没有执行任何验证。

最佳答案

相反..在表单上添加验证,如下所示:

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

这 100% 有效

关于javascript - HTML 表单验证问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22986708/

相关文章:

javascript - 翻转时钟向后翻转而不是向前翻转

javascript - 如何使用cropper插件获取dataurl并将dataurl显示为图像

jquery - 单击链接后隐藏响应式导航

javascript - 我想通过 javascript 或 jquery 使用文本本身更改 div 文本

javascript - 有什么方法可以将单选按钮列表动态更改为选择下拉列表吗?

java - Java 中的电话号码验证

javascript - 在KeyPress上加载新的新组件-reactjs

javascript - 两个美元符号之间的文本 JavaScript 正则表达式

javascript - 如何验证多组单选按钮?

java - 重复关注 javax.validation.constraints 和 javax.persistence.Column