如何检查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对话框中的文本框是否为空

回答

相关问题