使用外部JavaScript的HTML表单验证

html form validation using external javascript

本文关键字：HTML 表单 验证 JavaScript 外部      更新时间：2023-09-26

Friends，

我正在尝试使用外部 javascript 验证我的 html 表单，但出现错误。以下是代码详细信息：

<html>
    <head>
        <title>Contact US</title>
        <link href="StyleSheet.css" rel="Stylesheet" type="text/css" />
        <script type = "text/javascript" src = "JavaScript.js"> </script>
    </head>
    <body>
    <h1>Contact Us</h1>
    <form id = "contactUs" action="Index.htm"  onsubmit = "return validateFirstName()">
    <div class="row">
                <span class = "label" >First Name:</span>
                <span class = "formw"><input type="text" name = "fname"/> </span>
     <span class = "formw"><input type="submit"  name = "btnSubmit" value = "Submit" /> </span>
    </div>
</form>
</body>
</html>

我的外部JavaScript文件"JavaScript.js"包含以下代码：

  function validateFirstName() {
        var x = document.forms["contactUs"]["fname"].value;
        if (x == null || x == "") {
            alert("First name cannot be left blank.");
            return false;
        }
        else {
            return true;
        }

但是当我单击"提交"按钮时，出现以下错误：

行： 19错误："验证名字"未定义

提前感谢您的帮助。

函数上需要一个右大括号。

function validateFirstName() {
    var x = document.forms["contactUs"]["fname"].value;
    if (x == null || x == "") {
        alert("First name cannot be left blank.");
        return false;
    }
    else {
        return true;
    }
} // <- here
这是我

编写的代码，用于检查插入的电子邮件是否有效。您可以根据需要对其进行自定义，可能是有用的:)

  function readdata()
  {
        a=document.getElementById('email')
        k=a.value
        //document.write(k)
alert(k);
        }
    function emailValidation(elem, helperMsg) {
            var emailExp = /^['w'-'.'+]+'@[a-zA-Z0-9'.'-]+'.[a-zA-z0-9]{2,4}$/;
            if(elem.value.match(emailExp)){
                            return true;
                            }
                            else{
                            alert(helperMsg);
                            elem.focus();
                            return false;
                            }
    }

另外看看你的代码，你在JavaScript的末尾缺少大括号

相关文章：