サインアップフォームに取り組んでいます。必須、最小長などのフィールドを検証し、次のような要素の前に検証エラーメッセージを配置しました。
$('#register').validate(
{
rules:
{
username:
{
required: true,
minlength: 6
},
email:
{
required: true,
email: true
},
password:
{
required: true,
minlength: 8
},
confirmPassword:
{
required: true,
equalTo: '#password'
}
},
messages:
{
username:
{
required: 'Please enter username',
minlength: 'Username too short'
},
email:
{
required: 'Please enter email',
email: 'Invalid E-Mail'
},
password:
{
required: 'Please enter password',
minlength:'Password too short'
},
confirmPassword:
{
required: 'Please provide password',
equalTo: 'Passwords don\'t match'
}
},
errorPlacement: function(error, element)
{
error.insertBefore(element);
}
});
クライアント側の検証中はすべて問題ありませんが、ユーザー名の複製やメールの複製など、サーバー側の検証も確認する必要があります。したがって、ユーザー名が既に存在する場合は、要素の前に検証エラーメッセージを再度配置する必要があります。では、どうなるでしょうか。私はすべてのajax、request、php / mysqlのコーディングを行い、エラーメッセージを返しました。jqueryの検証と同じスタイルの要素の前に表示する必要があります。