[英]How do I run this javascript code to validate my form in my html doc?
<!DOCTYPE html>
<head></head>
<body>
<script>
function validateForm (){
var formPi = 0
var formPi = document.forms["Personal Information"]["firstname"].value;
if(formPi == null ){
alert("Please fill out your First Name!");
return false;
}
}
</script>
<form name="Personal Information" action="" >
<fieldset>
<legend>Personal information:</legend>
<br>
First name:<br>
<input type="text" name="firstname" value="" >
<br>
Last name:<br>
<input type="text" name="lastname" value="" >
<br>
Email Address:<br>
<input type="text" name="Email Address" value="" >
<br>
<br><br>
<input type="submit" value="Submit" onsubmit="return validateForm()">
<!-- The for is meant to be validated once the subit button has been clicked-->
</fieldset>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<form action="demo_form.asp" method="post">
<input type="text" name="fname" required>
</form>
<p>If you click submit, without filling out the text field,
your browser will display an error message.</p>
</body>
</html>
U可以在每个input tag使用required标签进行验证
将onsubmit属性添加到表单标签
onsubmit="return validateForm();"
更新函数validateForm以根据验证是否成功来返回true或false。 有关更多信息，请参见： https : //developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit
将 onsubmit="return validateForm()"从submit按钮移动到它所属的form元素。 您也可以将其更改为return validateForm(this) ：
<form name="Personal Information" action="" onsubmit="return validateForm(this)" >
您的javascript函数几乎可以，只需添加return true; 最后，从上面添加的this参数中获取表格，并更改if条件：
function validateForm (form) {
var formPi = form["firstname"].value;
if (formPi == null || formPi == "") { // <-- condition changed
alert("Please fill out your First Name!");
return false;
}
return true;
}
如何在cakephp中使用javascript验证我的html表单控件？
[英]How do I validate my html form controls using javascript in cakephp?
如何将我的 html 代码连接到 javascript 中的控制器和路由？
[英]How do I connect my html code to controllers and routes in javascript?
如何在 html div 的代码中显示 javascript 计时器？
[英]How do I show the javascript timer in my code in an html div?
如何让我的 html 电子邮件表单在发送到 php 脚本进行发送之前使用 javascript 进行验证
[英]How to I get my html email form to validate using javascript before sending it to the php script for sending
Dom Javascript如何将我的html表单与我的Javascript代码连接起来
[英]Dom Javascript how can I connect my html form with my Javascript code
如何在不使用警报的情况下使用 Javascript 验证我的表单？
[英]How do I Validate my form using Javascript without using alert?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.