두 개의 개별 검색 양식에 유효성 검사시 서로의 입력란을 기입해야합니다.

Question

두 개의 개별 검색 양식 (항목 ID로 검색하기위한 페이지와 키워드로 검색하기위한 페이지)이있는 페이지가 있습니다. 그것은 다음과 같습니다

난 그냥 맨 위에 하나의 시작, 지금 바닥을 추가하고있다. 아래쪽은 기본적으로 첫 번째 복사본과 붙여 넣기입니다 (둘 다 Sitecore의 구성 요소입니다). 이것은 각각의 코드입니다 :

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SearchByItemNumber.ascx.cs" Inherits="Bayer.CropScience.SC.Internet.US.Website.layouts.Bayer_CropScience.Scope.Country_United_States_Internet.RewardsCatalog.SearchByItemNumber" %> 

<div class="form search-item"> 
    <div class="clearfix"> 
     <h3> 
      <label class="searchByItemNumber" for="item-num">Know your item number?</label></h3> 
     <div class="input-wrapper search-by-itemnumber-length"> 
      <asp:TextBox runat="server" ID="txtSearchItemNumber" CssClass="search-by-itemnumber-length" placeholder="Search by Item Number" /> 
      <asp:RequiredFieldValidator runat="server" ID="rfvSearchItemNumber" ControlToValidate="txtSearchItemNumber" ValidationGroup="searchCatalog" ErrorMessage="Please fill out this field." CssClass="error"></asp:RequiredFieldValidator> 
     </div> 
     <asp:Button runat="server" Text="Go" CssClass="small" OnClick="Search" ValidationGroup="searchCatalog" /> 
    </div> 
</div> 

---

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SearchByDescription.ascx.cs" Inherits="Bayer.CropScience.SC.Internet.US.Website.layouts.Bayer_CropScience.Scope.Country_United_States_Internet.RewardsCatalog.SearchByDescription" %> 

<div class="form search-item"> 
    <div class="clearfix"> 
     <h3> 
      <label class="searchByKeywords" for="item-keywords">Search by keywords</label></h3> 
     <div class="input-wrapper search-by-keywords"> 
      <asp:TextBox runat="server" ID="txtSearchKeyword" CssClass="search-by-keywords" placeholder="Search by keywords" /> 
      <asp:RequiredFieldValidator runat="server" ID="rfvSearchKeyword" ControlToValidate="txtSearchKeyword" ValidationGroup="searchCatalogKeywords" ErrorMessage="Please fill out this field." CssClass="error"></asp:RequiredFieldValidator> 
     </div> 
     <asp:Button runat="server" Text="Go" CssClass="small" OnClick="KeywordSearch" ValidationGroup="searchCatalogKeywords" /> 
    </div> 
</div> 

내가 항목 번호를 기입하고 이동을 클릭하면, 내가 유효성 검사 오류 메시지가 그 아래에 "이 분야를 작성해주십시오"하는 문제 키워드 상자, 그 반대의 경우도 마찬가지입니다. 어떻게 이런 일이 일어나지 않게 할 수 있습니까?

편집 - I를 누르면 "입력"하지만 클릭하지 때 때 유효성 검사 오류가 발생합니다 버튼

EDIT 2 "이동"- 그것은 두 필드 유효성을 검사 일으키는 Enter 키를 눌러 자바 스크립트 문제였다. 나는 사용자 정의 onkeypress 함수로 그것을 뒤집습니다.

Answer 1

당신은 다른 ValidationGroups이 필요합니다. 모든 입력란에 ValidationGroup="searchCatalog"을 사용하고 있습니다. 함께 유효성을 검사 할 필드에 고유 ValidationGroup을 할당하십시오.