doqdcks3948
2013-08-12 10:09
浏览 70
已采纳

如果字段为空jquery,则拒绝ajax提交

Let's say I have a simple form. I use this jquery piece of code to get the result using ajax on my form page.

function sendquery()
{
$("#form").submit();
 var url = "form.php";

$.ajax({
       type: "POST",
       url: url,
       data: $("#form").serialize(),
       success: function(data)
       {
           $("#output").html(data);
       }
     });

return false;  
}

Quite simple. What I want now is to validate the form by adding a class, let's say "blank" to inputs with empty value, and don't allow the form to be submitted. It shouldn't be too hard, but whatever i've tried will just break my form.

How can I do it?

图片转代码服务由CSDN问答提供 功能建议

假设我有一个简单的表格。 我使用这个jquery代码片段在我的表单页面上使用ajax获取结果。

  function sendquery()
 {
 $(“#form”)。  (); 
 var url =“form.php”; 
 
 $ .ajax({
 type:“POST”,
 url:url,
 data:$(“#form”)。serialize  (),
成功:函数(数据)
 {
 $(“#output”)。html(data); 
} 
}); 
 
返回false;  
} 
   
 
 

非常简单。 我现在想要的是通过添加一个类来验证表单,让我们对具有空值的输入说“空白”,并且不允许提交表单。 它应该不会太难,但无论我尝试过什么都会破坏我的形式。

我该怎么做?

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • duan19913 2013-08-12 10:30
    已采纳

    you need jQuery validate plugin , and ......

    $(document).ready(function()
    {
       $('#formId').validate({
        submitHandler:function(form)
        {       
            $(form).ajaxSubmit({
            success:function(response)
            {
                //do stuff on success
            },
            dataType:'json'
        });
    
        },
        errorLabelContainer: "#error_message_box",
        wrapper: "li",
        rules:
        {
            name:"required",
            category:"required"
    
        },
        messages:
        {
            name:"name required",
            category:"category required"
        }
    });
    
    });
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题