Question

我有一个使用jqm的多页形式。最后两页使用Thomas j bradleys签名板。我使用jquery validate插件在每个页面移动之前验证它们。

我无法获取jquery validate插件来验证它是否是签名。

这是我用于验证的代码。所有这些都很好，只需要在中添加签名验证。

$("#breakinform").validate({
  rules: {
    sitename: {
       required: true,            
    },
    Address: {
      required: true,            
    },
    BreakInDate: {
      required: true,            
    },
    recafcheckbox: { 
        required: true,
    },
    sigPad: { 
      required: true,
    },
  },
  messages: {
    sitename: {
      required: "Please Enter Site Name",            
    },
    Address: {
      required: "Please Enter Address",            
    },
    BreakInDate: {
      required: "Please Enter Date",            
    },
    recafcheckbox: {
      required: "Please Confirm",            
    },
    sigPad: {
      required: "Please Sign In The Box",            
    },
  }
});

//断裂

$("a.check").click(function(){
  if($("#breakinform").valid()){
  } else {
    navigator.notification.alert(
      "Please Fill In The Required Fields!",
      callBackFunctionB, // Specify a function to be called 
      'Missing Data',
      "OK" 
    );
    function callBackFunctionB(){
      console.log('ok');    
    }
    return false;
  }
});

Answer 1

@ Hunty3000，我认为你不能使用jQuery validate插件验证你的画布，为什么不使用Signature Pad的内置验证呢？

以下是： http://thomasjbradley.ca/lab/signature-pad/#accept-form

如果您需要更多帮助，请不要犹豫。

Answer 2

我通过将以下内容添加到“submitHandler”中来使用的解决方法：

    var result = true;
    if ($('.sigPad input.output').length)
    {   
        $('.sigPad input.output').each(function(){
            if ($(this).val().length == 0) result = false; });
    }
    if (!result ) return false;

并将signaturePad的“validateFields”选项保持为true。

签名板验证

2 个答案: