xheditor와 verifyplug-in_jquery 간의 충돌에 대한 솔루션

xheditor 및 validate는 모두 뛰어난 jQuery 플러그인이지만 두 가지를 결합하여 초기화 순서가 올바르지 않으면 미묘한 결과가 발생할 수 있습니다. 텍스트 제출 페이지를 만들 때 이 두 플러그인을 동시에 사용했는데, 하나는 리치 텍스트 편집기를 표시하는 데 사용되고 다른 하나는 사용자가 내용을 입력했는지 확인하는 데 사용됩니다. :

코드 복사 코드는 다음과 같습니다.

$("#form1"). verify({
rules: {
Body: "필수"
},
messages: {
Body: "텍스트를 입력하세요."
}
});
var editor = $("#Body").xheditor(true, {
tools: "simple"
})

하지만 제출할 때 콘텐츠가 가 채워져 있는데, 처음 제출 버튼을 클릭하면 "텍스트를 입력하세요"가 계속 표시되고, 두 번째 제출 버튼을 클릭할 때까지 제출되지 않습니다. 이 현상으로 인해 당황스럽습니다. . 문제가 무엇입니까?

현재 프로젝트에는 이 두 플러그인을 사용하는 페이지가 여러 개 있고, 그 중 하나는 제출 당시 정상 페이지였기 때문에 정상 페이지와 문제 페이지의 유사점과 차이점을 꼼꼼히 비교한 결과, 초기화 순서가 다릅니다. 정상적으로 제출 가능한 페이지에서는 xheditor가 먼저 초기화되고 그다음에 verify가 초기화되는데, 문제의 페이지는 정반대로 되어있습니다! 이 시점에서 문제는 해결되었습니다. 두 플러그인의 초기화 순서를 반대로 하고 유효성 검사 전에 xheditor를 초기화하면 "이중 제출" 문제를 피할 수 있습니다.

이 글이 도움이 되었기를 바랍니다.

CKEditor에도 이 문제가 있습니다. 제 해결책은 Editor에서 콘텐츠를 가져와서 텍스트 영역에 넣는 것입니다.