jquery - jQuery 检测表单是否有要提交的值并显示 jquery 消息插件

Question

jQuery 检测表单是否有要提交的值并显示 jQuery 消息插件。这是我的代码：

html:

<form name="sample" method="post" action="test.php?success" autofocus id="sample">
            <input type="text" id="text" class="text">
            <input type="submit" id="submit" class="submit">
</form> 

javascript:

$(document).ready(function() {
    $('#sample').submit(function(){
        $.ajax({  
      type: "POST",  
      url: 'test.php?success',
      data:$('#sample').serialize(),
      success: function() {  
          $.msg({ 
            fadeIn : 500,
            fadeOut : 200,
            timeOut : 800,
            content : 'Successfully Saved',
            css:{
                border : '5px solid #C5C6C6',
                background : '#EFFBFF',
            },

          })};
        });
        });
})      

Answer 1

You may use the following code just after the $('#sample').submit(function(){

var text = $("#text").val();
if (text == '')
{
    alert("Message is missing!!");
    return;
}

Answer 2

您可以使用jQuery .val()方法检查输入是否具有值。使用这个你有几个选择：

• 在文本框的值更改处理程序中使用它，并且仅Submit在输入具有值时启用按钮
• .submit()在您已经处理的事件中使用它。如果没有值取消提交。

像往常一样，也需要让服务器处理这个问题（如果表单提交时没有 javascript）。