Сравнение значений в текстовом поле перед отправкой

-2

Я хочу, чтобы мои два текстовых поля были проверены до того, как они будут отправлены.
как

if textbox1 >= textbox2 submit
else show errorlabel and dont submit.

Как я могу это сделать?

  • 0
    Как я могу показать метку ошибки в текстовом поле, если условие ложно?
  • 0
    ваш пробный код ....?
Показать ещё 2 комментария
Теги:

3 ответа

2
Лучший ответ

Предоставьте свою реализацию обработчика onclick, чтобы извлечь значение двух текстовых полей, затем проанализируйте их как int.

function submitForm() {
    var first = parseInt(document.getElementById("first"), 0);
    var second = parseInt(document.getElementById("second"), 0);

    if(first >= second) {
        // ...
        return true;
    } else {
        var hiddenTextBox = document.getElementById("error");
        hiddenTextBox.style.visibility = "visible";
        return false;
    }
}

Это предполагает, что у вас есть два элемента с id="first" и id="second" соответственно, а скрытый элемент с id="error"

Поделиться
  • 0
    спасибо это сработало: D
  • 0
    Могу ли я использовать для этого AJAX? и как его использовать
Показать ещё 1 комментарий
0

Вы можете сделать функцию в javascript,

    <script type="text/javascript">
        function checkValues()
        {
            var searchtext1 = document.getElementById("textbox1").value;
            if(searchtext1=='')
            {
                alert('Enter any character');
                return false;
            }
            var searchtext2 = document.getElementById("textbox2").value;
            if(searchtext2=='')
            {
                alert('Enter any character');
                return false;
            }
        }
    </script>

а затем в html-форме

    <form  method='GET' onSubmit="return checkValues();">
        <input type="text" id= "textbox1" name="textbox1" class='textbox' >
        <input type="text" id= "textbox2" name="textbox2" class='textbox' >
        <input type="submit" id='submit' value="Search" class ='button' >
    </form>
Поделиться
0

Попробуйте это,

$('#submitId').on('click',function(){
   if $('#textbox1').val() < $('#textbox2').val()){
      $('#erroLabel').show(); // showing error label
      return false; // to prevent submitting form
   }
});
Поделиться
  • 0
    Спасибо, мне было интересно, что это за язык?
  • 0
    OMG вы использовали тег jquery в своем question

Ещё вопросы

Сообщество Overcoder
Наверх
Меню