按摩不改变所需的字段格式的HTML5

Question

我有这样的代码：

<form name="submitform" method="post" action="signupsuccessfull.php" onsubmit="return validate(this)" > 
<p id="error_para">* fields are required</p> 
<span id="error_para">*</span> Name:<input type="text" name="name" oninvalid="this.setCustomValidity('Please Enter Your Name.')" required id="u_name" /><br /><br /> 
<span id="error_para">*</span> Username:<input type="text" name="username" oninvalid="this.setCustomValidity('Please Enter Uniqe Username.')" required id="field_username" /><br /><br /> 
<span id="error_para">*</span> Password:<input type="password" name="password" oninvalid="this.setCustomValidity('Please Enter Your Password.')" id="user_password" required /><br /><br /> 
<span id="error_para">*</span>Re-Enter Password:<input type="password" name="repassword" id="user_repassword" oninvalid="this.setCustomValidity('Please Confirm your Password.')" required /><br /><br /> 
<span id="error_para">*</span> Email:<input type="text" name="email" id="user_email" oninvalid="this.setCustomValidity('Please Enter Your Valid Email Address.')" required /><br /><br /> 
<span id="error_para">*</span> Gender:<input type="radio" name="gender" value="male" oninvalid="this.setCustomValidity('Please Select Your Gender')" id="gender_user" required />Male&nbsp;<input type="radio" name="gender" value="female" />Female<br /> 
About Urself:<textarea rows="5" cols="18" name="about" ></textarea><br /><br /> 
<input type="submit" value="Create Account" name="submit" />&nbsp; 
<input type="button" value="Cancle" onClick="parent.location='../example/try2.html'"><br /><br /> 
</form> 

但提交，即使字段不为空，我仍然得到错误信息。

任何人都知道发生了什么。

Answer 1

只需添加oninput="setCustomValidity('')"

例子：

<input type="password" name="user_password_new" pattern=".{6,}" required 
    oninvalid="setCustomValidity('Minimum length is 6 characters')" 
    oninput="setCustomValidity('')" /> 

主要问题：

HTML5: Why does my "oninvalid" attribute let the pattern fail?

例子：

<form name="submitform" method="post" action="signupsuccessfull.php" onsubmit="return validate(this)" > 
 
<p id="error_para">* fields are required</p> 
 
<span id="error_para">*</span> Name:<input type="text" name="name" oninvalid="setCustomValidity('Plz enter on Alphabets ')" required oninput="setCustomValidity('')" id="u_name" /><br /><br /> 
 
<input type="submit" value="Create Account" name="submit" />&nbsp; 
 
<input type="button" value="Cancle" onClick="parent.location='../example/try2.html'"><br /><br /> 
 
</form

Answer 2

可能你有问题的有效性检查。看到类似的问题在这里 html5 oninvalid doesn't work after fixed the input field