javascript - 表单验证错误（javascript）

Question

我有以下 HTML 代码：

<form name="Register" action="Register.aspx" method="post" runat="server" style="margin-top: 15px;" onsubmit="return validateProfile(FormName='Register');" >
  <p> Name* : <input id="FirstName" type="text" name="FirstName"/> </p>
<form>

这个 JavaScript 代码：

function isEmpty(field) {       
  if (field == "" || field == null)
    return false;
}

function validateProfile(FormName) {
    var errFname = "";
    var Fname = document.forms[FormName]["FirstName"].value;
    alert(isEmpty(field=Fname));
    return false;
}

这里的问题是验证不起作用......

我希望如果该字段为空，则会出现一条警报消息。解决方案可能非常简单，但我只是从 javascript 开始学习这个验证。

我必须isEmpty在代码中使用该函数。

Answer 1

您应该使用以下代码：

function validateProfile(FormName) {
        var errFname = "";
        var Fname = document.getElementById("FirstName").value;
        alert(isEmpty(Fname));
        return false;
}

您可以使用给定的文本字段的 id。并用代码更改表单标签：

<form name="Register" action="Register.aspx" method="post" runat="server" style="margin-top: 15px;" onsubmit="return validateProfile('Register');" >

Answer 2

改变

validateProfile(FormName='Register');

至

validateProfile('Register');

和

alert(isEmpty(field=Fname));

至

   alert(isEmpty(Fname));


function validateProfile(FormName) {
    var errFname = "";
    var Fname = document.forms[FormName]["FirstName"].value;
    return isEmpty(Fname);
}

Answer 3

Javascript 不允许按名称传递函数参数

alert(isEmpty(Fname)); // instead of isEmpty(field=Fname)