Javascript 如何检查文本区域中的文本输入并相应地按下提交按钮

我正在尝试实现一个按钮和一个文本区域，它包含在div中 标签

如果我点击按钮，下面的事情就会发生

按钮类型和值属性将更改为“提交”和一些 其他名称 div封闭的文本区域将以切换方式出现和消失 方式 以上第1点和第2点已经实施

但我在实施以下几点时遇到了问题：

更改后的提交按钮仅在检测到 某些文本已写入文本区域

否则，“提交”按钮将更改为“正常”按钮并 隐藏文本区域

=http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery. min.js> 你好

---

只需要检查按钮处于哪个状态以及文本区域的内容。例如：

$(document).ready(function(){

$("#hidden_area").hide();
 $("#changeText").click(function(e){

     if ($(this).attr('type') == 'button') {
        $(this).attr('type','submit').attr('id', 'enter').val('Enter Text');
        e.preventDefault();
        $("#hidden_area").toggle();
    } else if ($("#hidden_area textarea[name='field']").val().trim() !== '') {
        alert('submitting');
    } else {
        $("#hidden_area").toggle();
        $(this).attr('type','button').attr('changeText', 'enter').val('Click');;
    }
 });

});

---

请参见

类似的方法可以做到这一点：

$("#changeText").click(function(e){
    $(this).attr('type','submit').attr('id', 'enter').val('Enter Text');

    var txt = $('textarea').val();
    if ( $.trim(txt) != '' ){
        alert('Submit page here');
    }else{
        $(this).attr('type','button').attr('id', 'changeText').val('click');
        $("#hidden_area").toggle()
        e.preventDefault();
    }
});

---

请添加问题中的相关代码。这是您无法插入小提琴链接而不显示问题中的代码的原因。我们不必去外部站点查看，问题应该是自包含的检查文本区域内容值长度，如果>0，则提交，否则隐藏

$(document).ready(function(){

$("#hidden_area").hide();
 $("#changeText").click(function(e){

     if ($(this).attr('type') == 'button') {
        $(this).attr('type','submit').attr('id', 'enter').val('Enter Text');
        e.preventDefault();
        $("#hidden_area").toggle();
    } else if ($("#hidden_area textarea[name='field']").val().trim() !== '') {
        alert('submitting');
    } else {
        $("#hidden_area").toggle();
        $(this).attr('type','button').attr('changeText', 'enter').val('Click');;
    }
 });

});

$("#changeText").click(function(e){
    $(this).attr('type','submit').attr('id', 'enter').val('Enter Text');

    var txt = $('textarea').val();
    if ( $.trim(txt) != '' ){
        alert('Submit page here');
    }else{
        $(this).attr('type','button').attr('id', 'changeText').val('click');
        $("#hidden_area").toggle()
        e.preventDefault();
    }
});