jQuery custom validation in asp.net mvc 3 razor view

Question

У меня есть очень простые знания о JS/jQuery. Мне нужно выполнить проверку значения определенных текстовых полей. Пример просто воссоздает проблему, которую я использую с реальным приложением, которое намного больше, и таблицы динамически создаются на основе данных из базы данных, поэтому во время выполнения я добавляю классы, на которых я основываю свою логику jQuery.

Вот jsfiddle пример - http://jsfiddle.net/Xhnbm/

Есть три различных проверок, что нужно сделать - для поплавка, для длины строки и для поплавка, однако вы можете увидеть, что валидация не выполняется, я всегда получаю целое исключение, и даже если вы удалите целочисленную проверку, валидация тоже не работает, поэтому я думаю, что проблема заключается не в самих функциях, а в другом месте.

Спасибо за помощь.

P.S

Казалось, я не могу представить этот вопрос без добавления кода. Весь код находится в jsfiddle примере, но так как мне нужно, чтобы добавить некоторые здесь тоже, я думаю, что проблема либо в том, как я объявляю МАЕ функции, которые выполняют проверку или здесь:

$('#submitDocument').click(function() { 
      try { 
       if ($(".checkString16").val().length > 16) { 
        throw "The text can be up to 16 symbols"; 
       } else if (!mathFunctions.isInt($(".checkULong").val())) { 
        throw "Insert integer"; 
       } else if (!mathFunctions.isFloat($(".checkFloat").val())) { 
        throw "Insert float"; 
       } 
       validationResult = true; 
      } catch (exc) { 
       alert(exc) 
       validationResult = false; 
      } 
      return validationResult; 
     }); 

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

Answer 1

$('#submitDocument').click(function() { 
     var validationResult = true; 
      if ($(".checkString16 input[type='text']:first").val().length > 16) { 
       validationResult=false; 
      } else if (!mathFunctions.isInt($(".checkULong input[type='text']:first").val())) { 
       validationResult=false; 
      } else if (!mathFunctions.isFloat($(".checkFloat input[type='text']:first").val())) { 
       validationResult=false; 
      } 
     return validationResult; 
    }); 

Это должно сделать трюк. Если #submitDocument тип ввода = «Отправить» и использовать его для отправки формы, вы должны попробовать этот способ:

$('#submitDocument').click(function (e) { 
      if ($(".checkString16 input[type='text']:first").val().length > 16) { 
       e.preventDefault(); 
      } else if (!mathFunctions.isInt($(".checkULong input[type='text']:first").val())) { 
       e.preventDefault(); 
      } else if (!mathFunctions.isFloat($(".checkFloat input[type='text']:first").val())) { 
       e.preventDefault(); 
      } 
    }); 

e.preventDefault() будет препятствовать кнопку отправки делать это по умолчанию обработчик, который представляет форму.

Вы всегда можете отправить форму вручную из кода, используя $ ("# formId"). Submit();

PS. Убедитесь, что вы также проверяете эти значения в коде позади, потому что простая проверка jquery легко найти.