Javascript 页面加载后如何停止按钮文本更改？_Javascript_Asp.net

Javascript 页面加载后如何停止按钮文本更改？

javascript asp.net

Javascript 页面加载后如何停止按钮文本更改？,javascript,asp.net,Javascript,Asp.net,我有一个两个文本框和“启用”按钮。如果单击“启用”按钮时在文本框中输入的数据错误，则会发出警报。如果所有数据都正确，则单击“启用”按钮，文本必须变为禁用。问题是，一旦我单击“启用”，它将变为禁用一秒钟，然后页面将再次加载到“启用”。任何人都可以告诉我我做错了什么。如果可能，请提供一个示例。提前感谢用于验证和更改按钮文本的脚本 function validate { var cal1 = document.getElementById('<%=txtEndDate.ClientId%&g

我有一个两个文本框和“启用”按钮。如果单击“启用”按钮时在文本框中输入的数据错误，则会发出警报。如果所有数据都正确，则单击“启用”按钮，文本必须变为禁用。问题是，一旦我单击“启用”，它将变为禁用一秒钟，然后页面将再次加载到“启用”。任何人都可以告诉我我做错了什么。如果可能，请提供一个示例。提前感谢

用于验证和更改按钮文本的脚本

function validate
 {
var cal1 = document.getElementById('<%=txtEndDate.ClientId%>').value;
  var cal2 = document.getElementById('<%=txtStartDate.ClientId%>').value;
     var button=document.getElementById('<%=button1.ClientId %>')
      if (cal1 == '' && cal2 == '') {
            alert("Start Date and End Date can not be left blank ");
            return false;
        }
        if (cal1 == '') {
            alert("End Date can not be left blank ");
            return false;
        }
        if (cal2 == '') {
            alert("Start Date can not be left blank ");
            return false;
        }

        if (cal1 != '' || cal2 != '')
         {
            var dt1 = Date.parse(cal1);
            var dt2 = Date.parse(cal2);
            if (dt1 <= dt2) {
                alert("End Date must occur after the Start date ");
                return false;
            }
        }
     //if the all the validation are correct it comes to this
        if (button.value == "Enable")
            button.value = "Disable";
        else
            button.value = "Enable";

        return true;
    }

函数验证
{
var cal1=document.getElementById（“”）.value；
var cal2=document.getElementById（“”）.value；
var按钮=document.getElementById（“”）
如果（cal1=''&&cal2=''）{
预警（“开始日期和结束日期不能为空”）；
返回false；
}
如果（cal1=''）{
预警（“结束日期不能为空”）；
返回false；
}
如果（cal2=''）{
警报（“开始日期不能为空”）；
返回false；
}
如果（计算1！=''| |计算2！=''）
{
var dt1=Date.parse（cal1）；
var dt2=Date.parse（cal2）；
如果（dt1您的问题是按钮的单击事件的默认操作（
）提交表单。您可以通过从事件处理程序返回false
来防止这种情况。在您的情况下，最简单的方法是从验证函数中始终返回false

。

您的问题是按钮的单击事件的默认操作（

）是提交表单。您可以通过从事件处理程序返回

false

来防止这种情况。在您的情况下，最简单的方法是始终从验证函数返回false。

完成验证后，尝试返回false

function validate()
 {
var cal1 = document.getElementById('<%=txtEndDate.ClientId%>').value;
var cal2 = document.getElementById('<%=txtStartDate.ClientId%>').value;
var button=document.getElementById('<%=button1.ClientId %>')

        if (cal1 == '') {
            alert("End Date can not be left blank ");
            return false;
        }
        if (cal2 == '') {
            alert("Start Date can not be left blank ");
            return false;
        }

        if (cal1 != '' || cal2 != '')
         {
            var dt1 = Date.parse(cal1);
            var dt2 = Date.parse(cal2);
            if (dt1 <= dt2) {
                alert("End Date must occur after the Start date ");
                return false;
            }
        }
     //if the all the validation are correct it comes to this
        if (button.value == "Enable")
            button.value = "Disable";
        else
            button.value = "Enable";

        return false;
    }

函数验证（）
{
var cal1=document.getElementById（“”）.value；
var cal2=document.getElementById（“”）.value；
var按钮=document.getElementById（“”）
如果（cal1=''）{
预警（“结束日期不能为空”）；
返回false；
}
如果（cal2=''）{
警报（“开始日期不能为空”）；
返回false；
}
如果（计算1！=''| |计算2！=''）
{
var dt1=Date.parse（cal1）；
var dt2=Date.parse（cal2）；
如果（dt1在完成验证后尝试返回false
function validate()
 {
var cal1 = document.getElementById('<%=txtEndDate.ClientId%>').value;
var cal2 = document.getElementById('<%=txtStartDate.ClientId%>').value;
var button=document.getElementById('<%=button1.ClientId %>')

        if (cal1 == '') {
            alert("End Date can not be left blank ");
            return false;
        }
        if (cal2 == '') {
            alert("Start Date can not be left blank ");
            return false;
        }

        if (cal1 != '' || cal2 != '')
         {
            var dt1 = Date.parse(cal1);
            var dt2 = Date.parse(cal2);
            if (dt1 <= dt2) {
                alert("End Date must occur after the Start date ");
                return false;
            }
        }
     //if the all the validation are correct it comes to this
        if (button.value == "Enable")
            button.value = "Disable";
        else
            button.value = "Enable";

        return false;
    }

函数验证（）
{
var cal1=document.getElementById（“”）.value；
var cal2=document.getElementById（“”）.value；
var按钮=document.getElementById（“”）
如果（cal1=''）{
预警（“结束日期不能为空”）；
返回false；
}
如果（cal2=''）{
警报（“开始日期不能为空”）；
返回false；
}
如果（计算1！=''| |计算2！=''）
{
var dt1=Date.parse（cal1）；
var dt2=Date.parse（cal2）；
如果（dt1条件将是&&
代替|
，并且您通过返回false停止回发
完成验证后，尝试返回false
并使用if-else
将节省验证的时间
function validate()
 {
var cal1 = document.getElementById('<%=txtEndDate.ClientId%>').value;
var cal2 = document.getElementById('<%=txtStartDate.ClientId%>').value;
var button=document.getElementById('<%=button1.ClientId %>')

        if (cal1 == '') {
            alert("End Date can not be left blank ");
            return false;
        }
        else if (cal2 == '') {
            alert("Start Date can not be left blank ");
            return false;
        }    
        else if (cal1 != '' && cal2 != '')
         {
            var dt1 = Date.parse(cal1);
            var dt2 = Date.parse(cal2);
            if (dt1 <= dt2) {
                alert("End Date must occur after the Start date ");
                return false;
            }
            else{
                  //if the all the validation are correct it comes to this
                  if (button.value == "Enable")
                      button.value = "Disable";
                  else
                     button.value = "Enable";
                }
        }         
        return false;
    }

函数验证（）
{
var cal1=document.getElementById（“”）.value；
var cal2=document.getElementById（“”）.value；
var按钮=document.getElementById（“”）
如果（cal1=''）{
预警（“结束日期不能为空”）；
返回false；
}
else if（cal2==''）{
警报（“开始日期不能为空”）；
返回false；
}    
否则如果（计算1！=''&&计算2！=''）
{
var dt1=Date.parse（cal1）；
var dt2=Date.parse（cal2）；
如果（dt1条件将是&&
代替|
，并且您通过返回false停止回发
完成验证后，尝试返回false
并使用if-else
将节省验证的时间
function validate()
 {
var cal1 = document.getElementById('<%=txtEndDate.ClientId%>').value;
var cal2 = document.getElementById('<%=txtStartDate.ClientId%>').value;
var button=document.getElementById('<%=button1.ClientId %>')

        if (cal1 == '') {
            alert("End Date can not be left blank ");
            return false;
        }
        else if (cal2 == '') {
            alert("Start Date can not be left blank ");
            return false;
        }    
        else if (cal1 != '' && cal2 != '')
         {
            var dt1 = Date.parse(cal1);
            var dt2 = Date.parse(cal2);
            if (dt1 <= dt2) {
                alert("End Date must occur after the Start date ");
                return false;
            }
            else{
                  //if the all the validation are correct it comes to this
                  if (button.value == "Enable")
                      button.value = "Disable";
                  else
                     button.value = "Enable";
                }
        }         
        return false;
    }

函数验证（）
{
var cal1=document.getElementById（“”）.value；
var cal2=document.getElementById（“”）.value；
var按钮=document.getElementById（“”）
如果（cal1=''）{
预警（“结束日期不能为空”）；
返回false；
}
else if（cal2==''）{
警报（“开始日期不能为空”）；
返回false；
}    
否则如果（计算1！=''&&计算2！=''）
{
var dt1=Date.parse（cal1）；
var dt2=Date.parse（cal2）；
如果（dt1）或仅使用“
代替，或仅使用”
取而代之的是检查我提供的答案，它会解决你的问题。@Shirish有效谢谢听起来不错，它对你有效，你可以将它标记为正确答案，这样如果其他人有相同的问题，他们就可以轻松找到。检查我提供的答案，它会解决你的问题。@Shirish有效谢谢听起来不错，它对你有效，你可以将它标记为正确答案，这样如果其他人有相同的问题，他们就可以很容易地找到。