如何檢查jQuery對話框中的文本框是否爲空

-2

我在我的應用程序中有一個jQuery對話框。如何檢查jQuery對話框中的文本框是否爲空

這裏是它是如何做

var routePopup = "Route Name : <input type='text' id='routeName' name='routeName'/>"; 


    document.getElementById('popUp').innerHTML = ""; 
    document.getElementById('popUp').innerHTML = routePopup; 

    $("#popUp").dialog({ 
     title: "Route Name", 
     resizable: false, 
     width: auto, 
     height: auto, 
     buttons: { 
      "Create Route": function() { 
       $(this).dialog("close"); 
      } 
     } 
    });

現在我要檢查，如果文本框爲空。如果它是空的，那麼它不應該允許關閉彈出窗口。

另外，它應該給上面的消息，值不能爲空。

來源

2013-05-22 vaibhav shah

可能重複[ **檢查文本框是否爲空值**]（http://stackoverflow.com/questions/1565193/check-if-textbox-has-empty-value）或[**檢查文本框是否爲空然後運行代碼* *]（HTTP：// stackoverf low.com/questions/7350676/check-if-text-box-is-empty-then-run-code）此外，您要求解決3個問題。在尋求解決方案時尋求幫助時，您應該添加一些[**您嘗試過的代碼**]（http://whathaveyoutried.com）以解決3個問題。 – Nope

你爲什麼寫document.getElementById('popUp').innerHTML = "";，如果你能做到$('#popUp').html(''); - 這就是爲什麼你使用jQuery :)

$("#popUp").dialog({ 
     title: "Route Name", 
     resizable: false, 
     width: auto, 
     height: auto, 
     buttons: { 
      "Create Route": function() { 
       if ($(this).val() == '') { 
        alert('May not be empty!'); 
       } 
       else { 
        $(this).dialog("close"); 
       } 
      } 
     } 
    });

來源

2013-05-22 07:50:25 Alex

如果文本框爲空，我還想給用戶頂部的消息。 –

查看更新的答案。它使用alert（），但你可以做任何事情 – Alex

var val = $('#textbox').val(); 

if (val) { 
    //Do whatever... 
}

來源

2013-05-22 07:48:44 Jared

修剪檢查長度之前輸入值：的

if ($("#txt").val().trim().length == 0) 
{ 
    // do something 
}

來源

2016-11-16 15:42:01

如何檢查jQuery對話框中的文本框是否爲空

回答

相關問題