0
나는 탭이 잘 작동하는 내 project.Initially에 플러그인 JQuery와-단계를 사용하고 있지만 내가 유효성 검사 스크립트를 쓸 때 탭 및 검증을 모두 내 프로젝트에 JQuery와 유효성 검사기 플러그인을 참조 할 필요가 없다 working.Is입니다 도움이된다면 도움이 될 것입니다.jquery-steps 플러그인을 사용하여 입력란의 유효성을 검사 할 수 없습니까?
는 내가 사용한 코드는 프로젝트에 JQuery와 유효성 검사기 스크립트를 참조 할 맞아 필요가 있었고 지금은 검증이 제대로 작동
<head runat="server">
<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/themes/base/jquery-ui.css" />
<link href="css/jquery.steps.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/normalize.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script src="scripts/jquery.steps.js" type="text/javascript"></script>
<script src="scripts/jquery.steps.min.js" type="text/javascript"></script>
<title></title>
</head>
<body>
<script type="text/javascript">
$(function() {
$("#form1").steps({
headerTag: "h2",
bodyTag: "fieldset",
transitionEffect: "slideLeft",
onStepChanging: function(event, currentIndex, newIndex) {
$("#form1").validate().settings.ignore = ":disabled,:hidden";
return $("#form1").valid();
},
onFinishing: function(event, currentIndex) {
$("#form1").validate().settings.ignore = ":disabled";
return $("#form1").valid();
},
onFinished: function(event, currentIndex) {
alert("Submitted!");
}
}).validate({
errorPlacement: function(error, element) {
element.before(error);
},
rules: {
confirm: {
equalTo: "#password"
}
}
});
});
</script>
<form id="form1" runat="server">
<h2>First Step</h2>
<fieldset>
<legend> First Step Info </legend>
<label for="userName">User name *</label>
<input id="userName" name="userName" type="text" class="required">
<label for="password">Password *</label>
<input id="password" name="password" type="text" class="required">
<label for="confirm">Confirm Password *</label>
<input id="confirm" name="confirm" type="text" class="required">
<p>(*) Mandatory</p>
</fieldset>
<h2>Second Step</h2>
<fieldset>
<legend>Second Step Info</legend>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nulla nunc. Maecenas arcu sem, hendrerit a tempor quis,
sagittis accumsan tellus. In hac habitasse platea dictumst. Donec a semper dui. Nunc eget quam libero. Nam at felis metus.
Nam tellus dolor, tristique ac tempus nec, iaculis quis nisi.
</fieldset>
</form>
http://stackoverflow.com/help/on-topic : 당신이 특정 problem_을 _describe해야한다 작성한 코드에 문제에 대한 질문 - 그리고 그것을 재현하는 유효한 코드를 포함 -에서 질문 자체. 자세한 내용은 http://SSCCE.org를 참조하십시오. – Sparky