代码之家 › 专栏 › 技术社区 › superUntitled

jQuery在ajaxForm之前验证

ajaxform validation jquery

superUntitled · 技术社区 · 14 年前

$(document).ready(function() { 
function validator(){ 
        $("#commentForm").validate();
}

    $('#commentForm').ajaxForm({ 
        dataType: 'json',
        url: "http://highlandfamilyeyecare.com/contactengine.php",
        beforeSubmit:  validator,
        success:        function(data) { 
            $('ul.form').fadeOut("slow");
            $('ul.form').html(data.formula).slideDown('slow');}
    });
});

以及html:

<ul class="form">


    <li>    
        <form method="post" action="form.php" id="commentForm">

        <label class="white">Your Name</label>
        <input class="text-input required" type="text" name="name" /></li>

    <li>
        <label class="white">Email</label>
        <input class="text-input required email" type="text" name="email"/></li>

    <li>
        <li><input type='submit' value="Submit" />
        </form></li>

</ul>

3 回复 | 直到 14 年前

fthiella 11 年前

这个 beforeSubmit()

你会想要:

function validator() { 
  return $("#commentForm").validate();
}

$('#commentForm").validate()

Dancrumb 14 年前

根据 documentation false 为了防止表格提交。

Teja Kantamneni 14 年前

validate() 方法是验证插件,这是正确的方法。如果validate方法中有任何错误,则不会提交表单。

    $('#commentForm').validate({
        errorClass: "invalidField",
        submitHandler: function() {
            $('#commentForm').ajaxSubmit(ajaxFormOptions);
        }
    });

哪里 ajaxFormOptions 是您提交的选项。

推荐文章

George Alexander · 类似电报的用户名的Regex

1 年前

Community wiki · 如何强制jQueryValidate检查数据库中的重复用户名?

1 年前

Aliaksei · 保存前进行WebFlux检查

2 年前

Nimet · 如何在regex密码模式中转义*

2 年前

Ajith S Balaji · 自定义字段woo commerce checkout上的验证错误

2 年前

Jee · PowerShell输入验证-输入不应为所有数字

6 年前

ParminderBrar · Cakehph3:如何在cakephp中验证枚举类型Mysql字段?

6 年前

Arsee · 表单数据验证

6 年前

Sadman Rizwan · 验证Firebase云函数中的存储文件数据

6 年前

James · Django使用RangeWidget验证表单

6 年前