javascript中必填字段验证

时间:2014-01-22 07:32:48

标签: javascript asp.net

我尝试使用此代码验证空字段,但是当调用javascript它不关注文本框时,它无法正常工作,代码将继续执行。

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;
}

1 个答案:

答案 0 :(得分:0)

使用Asp.Net控件时,使用必需的字段验证器而不是自定义Javascript。

示例:Click Here W3 Schools Link

代码:

<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" />