[英]form validation. Radio button check doesn't work and some other problems in form
[英]Form doesn`t check the validation
我想檢查是否有錯誤,但現在不檢查任何異常。 即使字段為空,也將提交表單。 不知道故障在哪里。 有人可以幫助表格中的所有字段正確嗎,我認為if(error == 0)
出了點問題:
<script>
$(document).ready(function(){
var errormsg = ['Please enter name.', 'Please enter minimum 3 character.', 'Value not more than 100 characters.', 'Please enter email.', 'Please enter valid email.', 'Email and confirm email does not match.', 'Please enter password', 'Please enter role.', 'Email already exists'];
$("input[type='submit']").on('click', function(e){
e.preventDefault();
$(".validationError").remove();
var span_error_start = '<span class="form_error">';
var span_error_end = "</span>";
var name = $.trim($("input[name='name']").val());
var problem = $.trim($("input[name='problem']").val());
var description = $.trim($("input[name='description']").val());
var error = 0;
if(name == ""){
$("input[name='name']").after("<div class='nameInput validationError'>"+span_error_start+errormsg[0]+span_error_end+"</div>").addClass("input_error");
error = 1;
}
else if(name.length < 3){
$("input[name='name']").after("<div class='nameInput validationError'>"+span_error_start+errormsg[1]+span_error_end+"</div>").addClass("input_error");
error = 1;
}
else if(name.length > 100){
$("input[name='name']").after("<div class='nameInput validationError'>"+span_error_start+errormsg[2]+span_error_end+"</div>").addClass("input_error");
error = 1;
}
if(problem == ""){
$("input[name='problem']").after("<div class='problemInput validationError'>"+span_error_start+errormsg[3]+span_error_end+"</div>").addClass("input_error");
error = 1;
}
else if(problem.length < 3){
$("input[name='problem']").after("<div class='problemInput validationError'>"+span_error_start+errormsg[1]+span_error_end+"</div>").addClass("input_error");
error = 1;
}
else if(problem.length > 100){
$("input[name='problem']").after("<div class='problemInput validationError'>"+span_error_start+errormsg[2]+span_error_end+"</div>").addClass("input_error");
error = 1;
}
if(description == ""){
$("input[name='description']").after("<div class='descriptionInput validationError'>"+span_error_start+errormsg[6]+span_error_end+"</div>").addClass("input_error");
error = 1;
}
else if(description.length < 3){
$("input[name='description']").after("<div class='descriptionInput validationError'>"+span_error_start+errormsg[1]+span_error_end+"</div>").addClass("input_error");
error = 1;
}
else if(description.length > 100){
$("input[name='description']").after("<div class='descriptionInput validationError'>"+span_error_start+errormsg[2]+span_error_end+"</div>").addClass("input_error");
error = 1;
}
if(error == 0){
$(".myForm").submit();
}
}
else{
return false;
}
});
</script>
代碼錯誤。 多余的花括號,因此不起作用。 語法錯誤:
if(error == 0){
$(".myForm").submit();
}
} // Extra braces, so else doesn't work. Syntax error. So remove it.
else {
return false;
}
更新了正確的代碼:
if(error == 0){
$(".myForm").submit();
}
else {
return false;
}
解決了問題:
if(error == 0){
$(".myForm").submit();
}
else{
return false;
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.