Невозможно выполнить проверку с помощью bootstrap modal

Я ищу, чтобы использовать bootstrap modal при отправке данных формы. Однако я не хочу отправлять пустую форму. Однако, когда я использую bootstrap modal для запуска при отправке события на пустая форма, в которой он работает, вместо этого следует прекратить просить меня заполнить требуемое поле и затем запустить модальный.Невозможно выполнить проверку с помощью bootstrap modal

<script type="text/javascript"> 
    $(document).ready(function(){ 
    if($("#df").text()!= '') 
    { 
     $("#form").submit(function(event) { 
     $("#myModal").modal('show'); 
    }); 
    }); 

    </script> 

    </head> 
    <body> 
    <div class="bs-example"> 
    <form id = "rish"> 
    <input type = "text" id = "df"> 
    <input type="submit" class="btn btn-lg btn-primary"></input> 
    </form> 
    <div id="myModal" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data- 
    dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title">Confirmation</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Do you want to save changes you made to document 
        before closing?</p> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data- 
       dismiss="modal">Close</button> 
       <button type="button" class="btn btn-primary">Save     
       changes</button> 
       </div> 
       </div> 
       </div> 
       </div> 
       </div>

источник

2015-01-21 user3787061

Porbably текст() не выполняется хорошо для входных элементов. Замените текст() на val(), чтобы получить значение ввода. Это должно сработать.

if($("#df").val()!= '') 
    { 
     $("#rish").submit(function(event) { 
     $("#myModal").modal('show'); 
    }); 
    });

Также измените идентификатор формы на #rish из #form.

источник

2015-01-21 04:49:45

это не показывает большой разницы ... это даже не вызывает модальных – user3787061

$ («# форма») не существует .. форма задается идентификатор Риш .. Пожалуйста, проверьте, что .. Это может быть решение. –

да .. с этим ... не имеет значения! – user3787061

Ok. Значение в #df может отсутствовать в момент готовности документа. Вероятно, вы можете ввести значение позже, что означает, что нет события для запуска модального. Поэтому вместо отправки формы, когда документ готов, выполните следующие действия.

<form id = "rish"> 
<input type = "text" id = "df"> 
<input type="submit" class="btn btn-lg btn-primary" onclick="submitForm();"></input> 
</form> 

function submitForm() 
{ 
    if($("#df").text()!= '') 
{ 
    $("#rish").submit(function(event) { 
    $("#myModal").modal('show'); 
}); 
}

источник

2015-01-21 05:24:07

Нет. Это вряд ли может добавить разницу! – user3787061

Невозможно выполнить проверку с помощью bootstrap modal

ответ

Смежные вопросы