私は最初に電子メール(必須で正しい形式)で検証を行い、次に送信ボタンでファイルのアップロード(空白または正しい形式)で検証を行っています。
ここでは、電子メールは正常に検証されていますが、ファイルのアップロードで空白の場合は、不要なエラーも表示されます。
コード:
<script type="text/javascript">
$(document).ready(function () {
$("#button").click(function () {
var email = $("#person_email").val();
var img = $("#person_avatar").val();
if (email == null || email == "" || !email.match(/^[a-z0-9_\+-]+(\.[a-z0-9_\+-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*\.([a-z]{2,4})$/))
{
$("#valid").show();
return false;
} else if (!img == "" || !img.match(/(\.bmp|\.png|\.jpg|\.jpeg|\.gif)$/))
{
$("#valid_1").show();
return false;
} else {
return true;
}
});
});
</script>