javascript中的必填字段验证

Question

我尝试使用此代码来验证空字段，但是当调用javascript而不是专注于Textbox时，它无法正常工作，并且代码将继续执行。

HTML代码：

<asp:TextBox ID="txtholdername" runat="server" Width="60%"></asp:TextBox>
<asp:TextBox ID="txtusername" runat="server" Width="60%"></asp:TextBox> 
<asp:ImageButton ID="btnsave" runat="server" OnClientClick="javascript:return validateRegistrationMaster();" ImageUrl="~/Images/save.png" />

脚本

function IsBlank(obj) {
    if (obj) {
        if (!String.prototype.trim) { String.prototype.trim = function () { return this.replace(/^\s+|\s+$/g, ''); }; }
        if ((obj.value.trim().length == 0) || (obj.value == null)) {
            obj.focus();
            return false;
        }
        return true;
    }
}
function validateRegistrationMaster() {

  var Holder_Name = document.getElementById('<%= txtholdername.ClientID %>');
 var username = document.getElementById('<%= txtusername.ClientID %>');
 if ((!IsBlank(Holder_Name))) {
        Holder_Name.focus();
        return false;
    }

    if ((!IsBlank(username))) {
        username.focus();
        return false;
    } return true;
}

Answer 1

在使用Asp.Net控件时，请使用Required Field Validator而不是自定义Javascript。

示例： 单击此处W3学校链接

码：

<asp:RequiredFieldValidator ControlToValidate="txtholdername" Text="The holder name field is required!"
runat="server" />
<asp:RequiredFieldValidator ControlToValidate="txtusername" Text="The user namefield is required!"
runat="server" />