пользовательский валидатор на стороне клиента - PullRequest
Новая
       10

пользовательский валидатор на стороне клиента

1 голос
/ 07 сентября 2010

У меня есть собственный валидатор (.net 3.5), который проверяет, имеют ли четыре выпадающих списка в моей форме повторяющиеся значения.Он работает на стороне сервера, но я хотел бы добавить функцию на стороне клиента, чтобы пойти с ним.Я не знаю JavaScript.Не могли бы вы помочь?Спасибо большое. 

 <asp:CustomValidator id="CustomValidator1" runat="server" ErrorMessage = "Same related document was entered more than once" OnServerValidate="dropDownValidation_ServerValidate" Display="Dynamic"></asp:CustomValidator>


   Protected Sub dropDownValidation_ServerValidate(ByVal sender As Object, ByVal e As ServerValidateEventArgs)
    e.IsValid = Not haveSameValue(DropDownList9.SelectedValue, DropDownList12.SelectedValue) AndAlso _
                Not haveSameValue(DropDownList9.SelectedValue, DropDownList15.SelectedValue) AndAlso _
                Not haveSameValue(DropDownList9.SelectedValue, DropDownList18.SelectedValue) AndAlso _
                Not haveSameValue(DropDownList12.SelectedValue, DropDownList15.SelectedValue) AndAlso _
                Not haveSameValue(DropDownList12.SelectedValue, DropDownList18.SelectedValue) AndAlso _
                Not haveSameValue(DropDownList15.SelectedValue, DropDownList18.SelectedValue) 
    End Sub

    Protected Function haveSameValue(ByVal first As String, ByVal second As String) As Boolean
    If first <> "" And second <> "" AndAlso first.Equals(second) Then
        Return first.Equals(second)
    End If
   End Function

ОБНОВЛЕНИЕ: Следующий код JavaScript работает нормально, так как он проверяет, есть ли дублирующиеся значения в выпадающих списках.Однако, как я могу связать это с моим пользовательским валидатором и устранить предупреждение.В настоящее время страница отправлена.Спасибо. 

  function dropDownValidation_ClientValidate() { 

    var strValue1 = document.getElementById('ctl00_ContentPlaceHolder1_DropDownList1');  
    var strValue2 = document.getElementById('ctl00_ContentPlaceHolder1_DropDownList2'); 
    var strValue3 = document.getElementById('ctl00_ContentPlaceHolder1_DropDownList3'); 
    var strValue4 = document.getElementById('ctl00_ContentPlaceHolder1_DropDownList4'); 

         var result = haveSameValue(strValue1.value, strValue2.value) &&
          haveSameValue(strValue1.value, strValue3.value) &&
          haveSameValue(strValue1.value, strValue4.value) &&
          haveSameValue(strValue2.value, strValue3.value) &&
          haveSameValue(strValue2.value, strValue4.value) &&
          haveSameValue(strValue3.value, strValue4.value);

          return result; 


           }

function haveSameValue(ddlValue1, ddlValue2) {

  if (ddlValue1 != null && ddlValue1 != '' && ddlValue2 != null && ddlValue2 != '' && ddlValue1 == ddlValue2){
    alert("Related documents contain duplicate values");

    }

}

Ответы [ 3 ]

0 голосов
/ 07 сентября 2010

Вам нужны такие вещи, как я думаю: 

<asp:CustomValidator id="CustomValidator1" runat="server" 
    ErrorMessage = "Same related document was entered more than once" 
    OnServerValidate="dropDownValidation_ServerValidate" Display="Dynamic"
    ClientValidationFunction="dropDownValidation_ClientValidate();">
</asp:CustomValidator>

<script type="text/javascript">
    function dropDownValidation_ClientValidate() {
        var result =
            (haveSameValue('<%= DropDownList1.ClientID %>', '<%= DropDownList2.ClientID %>') == false) &&
            (haveSameValue('<%= DropDownList2.ClientID %>', '<%= DropDownList3.ClientID %>') == false) &&
            (haveSameValue('<%= DropDownList3.ClientID %>', '<%= DropDownList4.ClientID %>') == false) &&
            (haveSameValue('<%= DropDownList4.ClientID %>', '<%= DropDownList5.ClientID %>') == false);
        return result;
    }

    function haveSameValue(ddl1, ddl2) {
        var result = false;
        var value1 = document.getElementById(ddl1).value;
        var value2 = document.getElementById(ddl2).value;

        if (value1 != null && value1 != '' && value2 != null && value2 != '' && value1 == value2) {
            result = true;
        }
        return result;
    }
</script>

Можете ли вы проверить, работает ли он?

0 голосов
/ 23 июля 2011

Это старый, но я хотел разместить здесь ответ, поскольку я получил его в ответ на поиск в Google похожего вопроса.

В вашей функции Javascript он будет принимать 2 параметра, source и args. Вы хотите установить для args.IsValid значение true или false в зависимости от того, успешно ли выполнена проверка или нет. args.Value будет значением проверяемого поля формы, если вы проверяете определенное поле.

Простая функция проверки, чтобы проверить, была ли форма равна «1», выглядела бы так: 

function validateThis(source, args) { 
    if (args.Value == "1") 
        args.IsValid = true; 
    else 
        args.IsValid = false;
}

Объедините это с приведенными выше ответами и установите args.IsValid, а не return, и у вас должен быть свой ответ.

Дополнительную информацию можно найти в этой статье 4guysfromrolla.com .

0 голосов
/ 07 сентября 2010

Без использования каких-либо библиотек (таких как jQuery), возможно, самый простой способ:

HTML: 

<select id="dropdown1">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>
<select id="dropdown2">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>
<select id="dropdown3">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>
<select id="dropdown4">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>
<button id="submitbutton">Submit</button>

Валидатор JavaScript: 

var validator = function() {
    var objChosenItems = {};
    var strDuplicateItem = null;
    for (var i = 1; i <= 4; i++) {
        var strValue = document.getElementById('dropdown' + i.toString()).value;
        if (objChosenItems[strValue]) {
            strDuplicateItem = strValue;
            break;
        }
        objChosenItems[strValue] = true;
    }
    if (strDuplicateItem === null) {
        return true;
    }
    else {
        alert("DUPLICATE ITEM: " + strDuplicateItem);
        return false;
    }
};

Вам необходимо подключить validator к кнопке, которая может быть <input type="submit/image/etc" /> или <button> или несколькими другими вещами. Что бы это ни было, вы можете просто связать событие onclick с элементом. E.g.:

document.getElementById('submitbutton').onclick = validator;

или 

<input type="button" onclick="validator()" />

Или 

<form action="mysite.aspx" method="post" onsubmit="validator()">
...