Question

当我按照下面的代码单击asp.net按钮时，它进入我的js文件，并获得我需要的功能，但是如果它验证失败，它仍然会回复，就好像它是有效的一样。

asp.net按钮

<asp:Button ID="bttnSend" runat="server" OnClientClick="DoValidation()" Text="Send" CssClass="btn btn-primary margin30" />

javascript

function DoValidation(parameter) {
console.log("validating");
var valid = true;
var emailTo = document.getElementById("txtEmailTo").value;
if (emailTo.length < 1) {
    alert("Please select at least one recipient to send an email to");
    valid = false;
}

console.log(valid);
if (valid == true) {
    __doPostBack('bttnSend', parameter);
}

};

如果有人可以告诉我我需要更改什么以及如果验证不允许回发如果失败，我将不胜感激。

感谢

Answer 1

当条件失败时，您需要阻止按钮的默认操作。

修改您的函数以返回true/false

function DoValidation(parameter) {
    var valid = true;
    var emailTo = document.getElementById("txtEmailTo").value;
    if (emailTo.length < 1) {
        alert("Please select at least one recipient to send an email to");
        valid = false;
    }
    return valid;
};

使用返回值

<asp:Button ID="bttnSend" runat="server" OnClientClick="return  DoValidation()" Text="Send" CssClass="btn btn-primary margin30" />

Javascript - ASP.Net上的文本框验证按钮单击

1 个答案: