<input type="text" />
<input type="text" />
<input type="submit" value="提交" />请问下 怎么文本框判断为空 当文本框为空的时候 按提交按钮弹窗 提交失败

解决方案 »

  1.   

    <script type="text/javascript">
        function check(f) {
            if (f.txt1.value == "") { alert('txt1不能为空!'); f.txt1.focus(); return false; }
            if (f.txt2.value == "") { alert('txt2不能为空!'); f.txt2.focus(); return false; }
        }
    </script>
    </head>
    <form onsubmit="return check(this)">
    <input type="text" name="txt1" />
    <input type="text" name="txt2" />
    <input type="submit" value="提交" /></form>
      

  2.   


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $(":submit").click(function(){
    $("input[type=text]").each(function(i,j){
    if($(this).val()==""){
    alert("第"+(parseInt(i)+1)+"个文本框为空提交失败");
    return false;
    }

    });
    });
    })
    </script>
      

  3.   

    if (文本框id.value == "") { alert('不能为空!');}
      

  4.   


    var txtValue = document.getElementById("txt").value;
    txtValue = txtValue.replace(/^ /, "").replace(/ $/, "");  // 去除字符串起始空格和尾部空格
    txtValue = txtValue.replace(/ /, ""); // 替换全角空格
    if (txtValue.length == 0) { return false; // 内容为空 }
    return true;// 另一种JQUERY写法更方便
    var txtValue = $("#txt").val();
    if ($.trim(txtValue).length == 0) {
        return false;
    }
    return true;
      

  5.   


    var str = $.trim($("#txt").val());
    获取值后去空格判断是否为:“”
    if(str == ""){
        return false;
    }