12 개의 ASP 텍스트 상자와 4 개의 ASP 버튼이 있습니다.JQuery에서 버튼 클래스 가져 오기
지금 ... 내가하려는 것은 .. 3 개의 텍스트 상자를 각 단추에 그룹화하거나 연관 시키려합니다 (3 개의 텍스트 상자 그룹과 1 개의 단추 만들기). 3 개의 텍스트 상자와 1 개의 버튼에 각각 같은 클래스를 할당하고 다른 3 개의 텍스트 상자와 1 개의 버튼에 다른 클래스를 각각 할당하여이 작업을 수행 할 수 있습니다.
이제 클래스가 "필수"인 버튼을 클릭하면 클래스가 "필수"인 텍스트 상자 만 Jquery에서 유효성을 검사해야합니다. 도와주세요 !!
이 시도 : 각 3 마지막 텍스트 상자가 비어 및 button.Required 쇼 메시지가 필요 누르
합니다.
$(document).ready(function(){
$("button").on("click",function(){
var cls = $(this).attr("class");
if(cls == "Required") {
$("input[type=text]." + cls).each(function(){
$(this).next("span").remove();
if($(this).val() == '')
$(this).after("<span>Require</span>");
})
}
})
})
최종 코드 :
<!DOCTYPE html>
<html lang="en">
<head>
<style>
</style>
</head>
<body>
<input type="text" class="txt1">
<br>
<input type="text" class="txt1">
<br>
<input type="text" class="txt1">
<br><br>
<input type="text" class="txt2">
<br>
<input type="text" class="txt2">
<br>
<input type="text" class="txt2">
<br><br>
<input type="text" class="Required">
<br>
<input type="text" class="Required">
<br>
<input type="text" class="Required">
<br><br>
<button class="txt1">Click 1</button>
<button class="txt2">Click 2</button>
<button class="Required">Required</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").on("click",function(){
var cls = $(this).attr("class");
if(cls == "Required") {
$("input[type=text]." + cls).each(function(){
$(this).next("span").remove();
if($(this).val() == '')
$(this).after("<span>Require</span>");
})
}
})
})
</script>
</body>
</html>희망 thias는 당신에게 약간의 아이디어를 줄 것입니다.
$(document).ready(function() {
$(document).on('click', 'button.required', function(e){
e.preventDefault();
var textBoxValue = $('input.required').val();
alert(textBoxValue);
//Validation for the value goes here...
});
});
사용하기 전에 Jquery 라이브러리가 포함되어 있는지 확인하십시오.
나는 코드 아래 작성한 다행히 나는 목적을 해결할 수입니다.
$(document).ready(function() {
$('input[type="submit"]').click(function (e) {
var ClassName = $(this).attr('class');
var j = 0;
$('input.' + ClassName + '[type="text"]').each(function() {
if (this.value == "") {
this.style.backgroundColor = "Bisque";
j++;
}
});
if (j > 0) {
event.preventDefault();
}
});
답장을 보내 주셔서 감사합니다. 또한 아래에 작성한 코드를 언급했습니다. –