Question

我有一个文本框和一个按钮。我只想用javascript检查文本框的值，如果它为空则阻止提交。

这是.aspx：

<asp:TextBox ID="TextBoxName" runat="server"></asp:TextBox>
<asp:Button CssClass="addButtonBlack" ID="ButtonAddDriver" OnClientClick="return IsNull();" OnClick="ButtonAddDriver_Click" runat="server" Text="Ekle" />

我的javascript代码：

function IsNull() {
        var success = true;

        var name = document.getElementById('TextBoxName');
        if (name.value == "") {
            name.style.borderColor = '#e52213';
            name.style.border = 'solid';
            success = false;
        }
        if (success)
            return true;
        else
            return false;
        }

它提交甚至textbox为null。我该如何预防？

Answer 1

你不应该有：OnClientClick="IsNull"

function isNull(e) {
  if (it is null) e.preventDefault();
  else ... 
}

Answer 2

您应该在表单的onsubmit属性中使用JS函数。例如，

<form onsubmit="event.preventDefault(); IsNull();">

Answer 3

使用jQuery表单事件：

$("form").submit(function(e){
    e.preventDefault();
});

javascript阻止提交

3 个答案: