Foundation 6 Custom Abide with ajax call

Question

我正在尝试创建一个自定义的abide验证器来检查用户名是否已经存在。我在网上找到的所有内容，包括基础5，结构完全不同。

Foundation.Abide.defaults.validators['checkUser'] =
    function($el,required,parent) {
        console.log('checking');
        $.post( "func/checkUsername.php",{'user':$el.val()}, function( data ) {
        if(data.status==1){return true;}
        else{return false;}
        console.log('complete');
    });
};

这是我的输入字段

<input type="text" id="usrnme" name="usrnme" required pattern="checkUser" value="" />

无论我做什么，它都不会提交到控制台，它总是无效。

Answer 1

pattern =“checkUser”更改为data-validator =“checkUser”

<input type="text" id="usrnme" name="usrnme" required data-validator="checkUser" value="" />