ASP.net 웹 응용 프로그램에서 작업 중입니다.
제출 버튼이있는 양식이 있습니다. 제출 버튼의 코드는 다음과 같습니다 <input type='submit' value='submit request' onclick='btnClick();'>
.
다음과 같이 작성하고 싶습니다.
function btnClick() {
if (!validData())
cancelFormSubmission();
}
어떻게해야합니까?
ASP.net 웹 응용 프로그램에서 작업 중입니다.
제출 버튼이있는 양식이 있습니다. 제출 버튼의 코드는 다음과 같습니다 <input type='submit' value='submit request' onclick='btnClick();'>
.
다음과 같이 작성하고 싶습니다.
function btnClick() {
if (!validData())
cancelFormSubmission();
}
어떻게해야합니까?
답변:
당신은하는 것이 낫습니다 ...
<form onsubmit="return isValidForm()" />
이 isValidForm()
반환 false
되면 양식이 제출되지 않습니다.
또한 이벤트 핸들러를 인라인에서 이동해야합니다.
document.getElementById('my-form').onsubmit = function() {
return isValidForm();
};
onsubmit
ASP.net을 사용할 때마다 작업을 할 수없는 것 같습니다. asp.net이 모든 것을 자체 형태로 감싸고 있기 때문입니다 ...
당신은 변해야합니다
onclick='btnClick();'
에
onclick='return btnClick();'
과
cancelFormSubmission();
에
return false;
그건 내가 찬성 고유 이벤트 속성 피하려고 거라고 말했다 눈에 거슬리지 JS를 정말로 중요한하는 경우에 API와 넥타이를 처리하는 좋은 이벤트가 있습니다 (예 : YUI 또는 jQuery를 같은) 라이브러리 (예 : 양식의 대신에 이벤트를 제출 버튼의 클릭 이벤트).
때로는 onsubmit
asp.net에서 작동하지 않습니다.
나는 아주 쉬운 방법으로 그것을 해결했습니다.
우리가 그런 형태를 가지고 있다면
<form method="post" name="setting-form" >
<input type="text" id="UserName" name="UserName" value=""
placeholder="user name" >
<input type="password" id="Password" name="password" value="" placeholder="password" >
<div id="remember" class="checkbox">
<label>remember me</label>
<asp:CheckBox ID="RememberMe" runat="server" />
</div>
<input type="submit" value="login" id="login-btn"/>
</form>
이제 양식 포스트 백 전에 해당 이벤트를 잡아서 포스트 백에서 중지하고이 jquery를 사용하여 원하는 모든 ajax를 수행 할 수 있습니다.
$(document).ready(function () {
$("#login-btn").click(function (event) {
event.preventDefault();
alert("do what ever you want");
});
});
제출 버튼을 일반 버튼으로 변경하고 클릭 이벤트에서 유효성 검사 테스트를 통과하면 양식을 제출하는 것이 어떻습니까?
예 :
<input type='button' value='submit request' onclick='btnClick();'>
function btnClick() {
if (validData())
document.myform.submit();
}
당신은 필요합니다 onSubmit
. 아니 onClick
, 그렇지 않은 사람은 키를 눌러 입력 할 수 있으며 유효성 검사를 생략합니다. 취소에 관해서. 거짓을 반환해야합니다. 코드는 다음과 같습니다.
<form onSubmit="return btnClick()">
<input type='submit' value='submit request'>
function btnClick() {
if (!validData()) return false;
}
onSubmit 편집 은 양식 태그에 속합니다.
사용하다 onclick='return btnClick();'
과
function btnClick() {
return validData();
}
function btnClick() {
return validData();
}
ev.preventDefault()
하거나 ev.returnValue = false
취소하지만 이벤트 버블 링을 방지하지는 않습니다. 사용 return false
이 버블 링에서 이벤트를 중지 할 경우에만 및 기본 동작을 취소 할 수 있습니다. 이 기사를 참조 하십시오 .
<input type='button' onclick='buttonClick()' />
<script>
function buttonClick(){
//Validate Here
document.getElementsByTagName('form')[0].submit();
}
</script>
submit
입력이 있습니다. 이 페이지에서 서버 측 컨트롤을 사용해 보겠습니다.