JS 코드의 중복 제출을 방지합니다

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 Ajax 자바 스크립트

이 문서에서는 웹 페이지의 특수 효과 코드 오의 반복된 전송의 예방, 지속적으로 사용자가 방지할 수 있습니다 클릭 우리 것만 제출 한 번 오를 양식을 제출.

< html xmlns = "http://www.jzread.com/1999/xhtml" >
< 머리 runat = "Server" >
< 스크립트 유형 = "텍스트/웹 효과" >
var에 날짜 = 새로운 배열 ();
기능 Disablebutton (버튼, Validategroup)
{
Date.push (새로운 날짜 ());
경우 (Date.length > 1
& & ([Date.length-1].gettime () 날짜-날짜 [date.length-2].gettime () < 1000) 1 초 보다 //less 중복 커밋 간주 됩니다
{
Event.cancelbubble = true; 테스트 경우 발견 직접 cancelbubble, 또는 자주 취소, 이벤트를 취소 하는 ReturnValue를 설정 여전히 중복 제출의 가능성이 있다. 그래서 우리는 수동 제어를 달성 하기 위해 반환 값을 사용 하는!
반환 허위;
}
경우 (typeof (page_clientvalidate) = '함수'
& & ((Validategroup = = 정의 되지 않은 & & () page_clientvalidate = False)
|| (Validategroup! = 정의 되지 않은 & & page_clientvalidate (validategroup) = False))
{//If만 개편은 유효성을 검사; 지정 하지 않은 경우, Validategroup는 지정 된 모든 유효성 검사 컨트롤 유효성 검사
반환 허위;
}

Button.disabled = true;
반환 사실;
}

기능 더블 ()
{
var button1 = document.getElementById ('Btnpostback1');
Button1.onclick ();
Button1.onclick ();

} < / 스크립트 >
< / 헤드 > < 몸 >

< 양식 id "형성" runat = "서버" = >
< DIV & G T;
< asp 자습서: TextBox runat = "Server" id = "TBXINPUT1" >< / asp: textbox >
< asp: requiredfieldvalidator id = "Requiredfieldvalidator1" runat = "Server" controltovalidate = "TBXINPUT1"
validationgroup group1 = "errormessage =" * >< / asp: requiredfieldvalidator >
< asp: 버튼 runat = "Server" id = "Btnpostback1" 텍스트 = "날 언론 1" Usesubmitbehavior = '거짓'
validationgroup onclientclick 'group1' = = ' 만약 (! disablebutton (이이, ' group1') false; "onclick =" Btnpostback_click >
< / asp: 버튼 >
< / div > < div >

< asp: TextBox runat = "Server" id = "Tbxinput2" >< / asp: textbox >
< asp: requiredfieldvalidator id = " Requiredfieldvalidator2 "runat =" Server "controltovalidate =" Tbxinput2 "
validationgroup "group2" errormessage = = "*" >< / asp: requiredfieldvalidator >
< asp: 버튼 runat = " 서버 "id =" Btnpostback2 "텍스트 =" 2 "usesubmitbehavior =" false "
onclientclick =" 만약 (! (이) disablebutton) 반환 false; "onclick =" Btnpostback_click >
< / asp: 버튼 >
< / div >
< 입력 유형 = "버튼" onclick = "더블 클릭 ();" 값 = "한 번 클릭, 시뮬레이션 연속 클릭 프레스 나 1' 두 번" / >
< / 양식 >
< / 바디 >
< / html >

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.