자바 스크립트 페이지로드가 발생합니다. 버튼 클릭시로드가 발생합니다.

내 문제는 it.what과 관련된 클릭 기능을 작성하지 않았지만 id = "cmdAddATM"전체 버튼을 클릭했을 때 문제가 발생했습니다. becausethis 문제는 관련 내 프로젝트에 몇 가지 새로운 문제를 발생되는 아약스/JQuery와자바 스크립트 페이지로드가 발생합니다. 버튼 클릭시로드가 발생합니다.

파일 이름 : AddEditATM.aspx.cs

namespace Monitoring_Tool 
{ 
    public partial class AddEditATM : System.Web.UI.Page 
    { 
     protected void Page_Load(object sender, EventArgs e) 
     { 
      Generix.fillDropDown(ref litRegion, Generix.getData("dbo.Region", "REGION, Code", "", "", "Code", 1)); 
     } 
    } 
}

파일 : AddEditATM.aspx

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     showAddEditATMLoad(); 
    }); 
</script> 
<body> 
// I an not writing full syntax here but i have one button with id "cmdAddATM" 
</body>

외부 JS 파일 :

function showAddEditATMLoad() { 
    //Its Blank 
}

내 HTML 코드 : -

<table style="margin: 0px auto; width: 90%" runat="server"> 
    <thead> 
     <tr> 
      <th colspan="4" align="center" class="ui-widget-header PageHeader"> 
       ADD/EDIT ATM 
      </th> 
     </tr> 
    </thead> 
    <tbody style="vertical-align: bottom; border-style: solid; border-width: thick;"> 
     <tr> 
      <td style="padding-left: 5px" colspan="2"> 
       Enter ATM ID &nbsp;<input id="txtEditATM" name="txtEditATM" type="text" /> 
       &nbsp;&nbsp; 
       <button id="cmdEditATM"> 
        EDIT ATM</button> 
      </td> 
      <td align="left" style="font-weight: bold" colspan="1"> 
       OR 
      </td> 
      <td align="center" colspan="2"> 
       <button id="cmdAddATM"> 
        ADD ATM</button> 
      </td> 
     </tr> 
    </tbody> 
</table>

출처

2012-08-29 Shaggy

HTML 코드 확인 – Shaggy

와 ASP 버튼을 대체 버튼을 제출 <button> 태그에 유형 속성을 추가 할 수 ASP 버튼을 변환을 추가하는 경우. 당신이 asp:Button 객체를 사용하는 경우

<button id="cmdEditATM" type='button'>EDIT ATM</button>

는 SO

출처

2012-08-29 08:04:34 adatapost

버튼이 <asp:Button runat="server" /> 인 경우 브라우저에 <input type="submit" />이 표시됩니다. 그래서, 그것은 당신의 페이지를 다시 게시 할 것입니다.

편집 : <button> 태그로 type="button" 속성을 추가, <button> 태그 유형 속성이 세 가지 값을 가지고 있으며, 태그 귀하의 경우 점점 기본값은이 양식을 제출 그 이유는, 제출한다.

1. Submit - For Submitting a Form 
2. Reset - For Resetting the Form 
3. button - A Simple Button

출처

2012-08-29 07:57:37

내 버튼은 간단합니다. 그러나 표는 runat 서버 – Shaggy

asp.net에있는 어떤 ASP 버튼은 자동으로 그렇게 HTML 버튼

<input type="button" id='cmdAddATM' value="Button" />

출처

2012-08-29 08:01:51

입니다. ASP가 아닌 asp 버튼은 HTML 버튼입니다. – Shaggy

스레드, 당신은 OnClientClick 속성을 사용하거나 jQuery를 몇 가지 클라이언트 측을 실행 암호. 자바 스크립트 클릭 이벤트 핸들러에서 false을 반환하거나 jQuery의 event.preventDefault() 메소드를 사용하여 포스트 백을 중지 할 수 있습니다.

이 단추에 대해 다시 게시를 수행하지 않으려면 일반 HTML 단추 (<input type="button" ... />) 만 사용하면됩니다. 서버 측에서이 버튼에 액세스해야하는 경우 일반 runat="server" 속성을 추가하면됩니다.

HTML <input type="submit"/> 버튼은 페이지에 양식을 제출할 때 다시 게시가 발생합니다.

출처

2012-08-29 08:04:46

버튼에 type="button" 속성을 추가하십시오. 다른 브라우저는 button 요소에 대해 다른 기본 유형을 사용할 수 있습니다.

출처

2012-08-29 08:04:50

자바 스크립트 페이지로드가 발생합니다. 버튼 클릭시로드가 발생합니다.

답변

관련 문제