Fatal编程技术网
  • javascript/
  • 将验证js文件链接到html文件错误-Javascript

将验证js文件链接到html文件错误-Javascript

javascript validation

将验证js文件链接到html文件错误-Javascript,javascript,validation,Javascript,Validation,这只是一个随机创建的js验证代码，只是为了测试验证过程是否与我的代码一起工作，然后我将更改它以实际执行我想要的正确验证 问题是，提交后，我的联系人表单的html页面只刷新了该页面，我尝试了不同的方法，但没有找到解决方案您的代码有很多语法错误。我修复了语法错误。以下是js小提琴： 在表单标记中使用onsubmit，如下所示： function validate () { // Declare all the variables here var firstName = document.getEl

这只是一个随机创建的js验证代码，只是为了测试验证过程是否与我的代码一起工作，然后我将更改它以实际执行我想要的正确验证
问题是，提交后，我的联系人表单的html页面只刷新了该页面，我尝试了不同的方法，但没有找到解决方案

您的代码有很多语法错误。我修复了语法错误。以下是js小提琴：

在表单标记中使用onsubmit，如下所示：

function validate ()
{
// Declare all the variables here
var firstName = document.getElementById("firstName").value;
var lastName =  document.getElementById("lastName").value;
var Title = document.getElementById("Title").value;
var healthNumber = parseInt(document,getElementById("healthNumber").value);
var email = document.getElementById("email").value;

var validEmail = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z]{2,6}$/;


if(firstName!="" && lastName!= "" && Title!="" && email !="")
{
        if(email.match(validEmail))
        {
            alert("All Values Validated");
            return true;
        }
        else
        {
            alert("Enter a valid Email");
            return false;
        }
}
else
{
    alert("All Fields are required");
    return false;
 }



}
它将阻止窗体刷新

parseInt（文档，getElementById（“healthNumber”）.value）； 检查上面一行是否有逗号，而不是。圆点。在document.getElementById（“healthNumber”）.value中

另一个是html部分的close table元素，它将被解决
谢谢

您的代码中有一些错误 例如在HTML中调用函数

和JS中的“parseInt”函数

HTML:

function validate (e){
   e.preventDefault();
   .................
   .................
   .................
   .................
   .................
}
您遇到了什么样的错误？我发现的问题是，当使用web控制台时，不会出现任何错误，但是应该发生的是，当我提交表单时，应该进行验证，但不会发生。我尝试了您的更改，但仍然得到了相同的结果issue@MichaelWright. 检查一下我刚刚制作的小提琴。我在我的回答中添加了他们的链接。好吧，我继续了，当我运行你编辑的代码版本时，我得到一个类型错误：无法读取Null的属性“value”非常有帮助，它在小提琴上工作得非常好我唯一的问题是让它在我的浏览器上工作-我的html页面顶部有一个代码联系人表单，这可能是问题？另一个是html部分中的close table元素-这是什么意思？我在表中找到了缺失的>和。healthnumber区域中缺少，但仍然存在相同的问题。提交代码必须在表单标记中，而不是在输入标记中。请参阅示例中提到的另一个答案。还放回假；在所有情况下。上一次之前}结束大括号。 
<form id = "test2" name = "test2"  onsubmit="return validate(event);">

function validate (e){
   e.preventDefault();
   .................
   .................
   .................
   .................
   .................
}

<html>
<head>
<script type="text/javascript" src = "diabetestool.js"> </script>
<meta charset="utf-8"/>

</head>

<body>
<form id = "test2" name = "test2" onsubmit="validate()">

<table cellpadding="2" width="20%" bgcolor="red"
align="center" 
cellspacing="2"

<tr>
<td colspan =2>
<center>  <font size = 4>FORM TO FILL IN </font></center>
</td>
</tr>


<td> Title </td>
<td> <select Name="Title" id="Title">
<option value= "-1 selected"> select...</option>
<option value= "Mr"> Mr </option>
<option value= "Mrs"> Mrs </option>
<option value= "Miss"> Miss </option>
<option value= "Ms"> Ms </option>
<option value= "Master"> Master</option>
</select></td>
</tr>

<tr>
<td>First Name</td>
<td><input type ="text" name= "firstName" id ="firstName" size ="30"> </td>
</tr>


<tr>
<td> Last Name</td>
<td> <input type ="text" name ="lastName" id = "lastName" size ="30"> </td>
</tr>

<tr>
<td> Health Authority Number</td>
<td> <input type ="text" name ="healthNumber" id = "healthNumber" size ="30"> </td>
</tr>

<tr>
<td> Email</td>
<td> <input type ="text" name ="email" id = "email" size ="30"> </td>
</tr>

<tr>
<td> Telephone Number</td>
<td> <input type ="text" name ="telephoneNumber" id = "telephoneNumber" size ="30"> </td>
</tr>

<tr>
<td colspan ="2"> <input type="submit" value="submit form" >
 </td>
</tr>
</table>
</form>
</body>

</html>

// Declare all the iables here
var firstName;
 var lastName;
 var Title ;
 var healthNumber;
 var email ;

 validEmail = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z]{2,6}$/;

function validate ()
{
 firstName = document.getElementById("firstName").value;
 lastName =  document.getElementById("lastName").value;
 Title = document.getElementById("Title").value;
// healthNumber = parseInt(document,getElementById("healthNumber").value);
 email = document.getElementById("email").value;

 validEmail = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z]{2,6}$/;


if(firstName!="" && lastName!= "" && Title!="" && email !="")
{
        if(email.match(validEmail))
        {
            alert("All Values Validated");
        }
        else
        {
            alert("Enter a valid Email");
        }
}
else
{
    alert("All Fields are required");
 }



}