javascript - 如何使用 jquery 验证来验证可用性?

标签 javascript jquery ajax jquery-validate

我想使用jquery验证功能验证数据库中的帖子可用性,我已经使用下面的代码进行了验证,在提交表单之前需要进行ajax验证

$(document).ready(function() {

  $("#conference_form").validate({
   rules: {
        postcode: "required",
         name: "required",
         address: "required",
         date: "required",
         description:"required",

    },
    messages: {
         postcode: "Please enter valid post code",
         name: "Please enter venu_name",
         address: "Please enter address",
         date: "Please enter date",
         description: "Please enter description",
    }
  })
});

请任何人帮忙。

最佳答案

这是使用 jquery validate 在数据库中检查邮政编码可用性的示例代码。

//Javascript
$(document).ready(function() {
    $("#conference_form").validate({
       rules: {
            postcode:  {
                required: true,     
                remote: {
                    url: "postalcode_availability.php",
                    type: "post",
                    contentType: "application/json; charset=utf-8",  
                    dataType:"json",
                    data: "{'postcode': '" + $('#postcode').val() + "'}",
                    dataFilter: function(data) {
                        var json = JSON.parse(data);
                        if(json.status == "true") {
                            return true;
                        }else{
                            return false;
                        }
                    }
                }           
              },
             name: "required",
             address: "required",
             date: "required",
             description:"required",

        },
        messages: {
             postcode: :{
                 required: "Please enter your postcode.",
                 remote: jQuery.validator.format("{0} is not exist.")
             },          
             name: "Please enter venu_name",
             address: "Please enter address",
             date: "Please enter date",
             description: "Please enter description",
        }
    })
});


//postalcode_availability.php
// For reference I have made check postal code in an array but you can make code for check in DB as per your requirement.
<?php       
    $postcodeArray = array('382481','382810','382845'); 

    $postcode=$_POST['postcode'];
    $isError = "";
    if (in_array($postcode, $postcodeArray))
    {       
        $isError "true"; //exist
    } 
    else
    {       
         $isError "false";  //Not exist
    }
    echo json_encode(["isError"=>$isError]);exit;
?>

关于javascript - 如何使用 jquery 验证来验证可用性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39888343/

相关文章:

php - 如何使用 AJAX 从数据库获取值?

php - jQuery 远程验证帮助

javascript - 在 laravel 中通过 ajax 删除数据

javascript - 如何在 d3 js 中正确使用 SVG 中的 Use 标签?

javascript - 我的路线行不通,请使用express和ejs

javascript - jquery在分层菜单中选择li元素

javascript - 当 fancybox 关闭时更改父页面上的图像 SRC

javascript - 更换 iPhone 上的文档正文

javascript - 主开关控制所有子开关

jquery - 使用 jquery $.post() 返回多个值