hello, I've a mail form it was working well that when I press the submit, the capatcha window popup, and I receive the email, but after I changed the format the capatcha doesn't work, but i receive the email !!!
so first, I would like to know why the capatcha stopped
my codes is :
Html

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js" async="async" defer="defer"></script>
<meta charset="utf-8">
<title>Feedback</title>
<style>
.filedset {
border:2px solid black;
border-radius:10px;
margin-left:50px;
}
.input:focus {
background-color: #FCF5D8;
}
#contact_form{
margin-left:10px;
}
#name{
font-size:16px;
border:1px solid black;
border-radius:10px;
padding: 5px;
}
#email{
font-size:16px;
border:1px solid black;
border-radius:10px;
padding: 5px;
}
#message{
font-size:16px;
border:1px solid black;
border-radius:10px;
padding: 5px;
}
#g-recaptcha {
border-radius:25px;
margin-left:120px;
}
</style>
</head>
<body>
<fieldset style="width:130px" class="filedset">
<legend class="auto-style">
<p><b>Contact us</b></p>
</legend>
<form action="feedback.php" method="post" id="myfbform" accept-charset="UTF-8">
<label for="myname">Name:</label><br />
<input name="fullname" type="text" required class="input" id="myname" value="" size="39" /><br />
<br />
<label for="myemail">Email:</label><br />
<input name="email" type="text" required class="input" id="myemail" value="" size="39" /><br />
<br />
<label for="mycomments">Comments:</label><br />
<textarea name="comments" cols="45" rows="15" required class="input" id="mycomments" placeholder="It's nice to hear from you" /></textarea><br />
<br />
<br />
<p id="my_js_message">
Error: please enable JavaScript and reload this page before using the form.
</p>
<script type="text/javascript">
var my_js_message_block ;
my_js_message_block = document.getElementById( 'my_js_message' );
my_js_message_block.parentNode.removeChild( my_js_message_block );
</script>
<script type="text/javascript">
function my_feedback_onsubmit( token ) { document.getElementById( "myfbform" ).submit() ; }
</script>
<input id="mysubmit" type="submit" class="g-recaptcha" data-sitekey="##########################"
data-callback="my_feedback_onsubmit"
value="Send Feedback" />
<div class="g-recaptcha" data-sitekey="##########################"></div>
</form>
</filedset>
</body>
</html>

I've replaced the key with#
Second request, I've made the filed "required" but it doesn't work till the user is done !! I think it one the user press on submit the missed filed should blink in red or so.
Third problem, I don't know where to put the email format validation code.

I hope someone out there can help.
P.S: I liked the presentation of that forum, hope I can find the help which I'm looking for in here