Javascript 单击“提交”按钮时，错误闪烁

我做了一个注册表格，如果你保留姓名或姓氏输入，它会显示输入旁边写的一个错误，我在无线电输入中也做了同样的操作 单击“提交”按钮时，错误将闪烁并消失。按钮类型为提交 我正在写代码

function SignUp() {
var firstname = $("#firstname").val();
var lastname = $("#lastname").text();
var date = $("#dd option:selected").text();
var month = $("#mm option:selected").text();
var yy = $("#yy option:selected").text();
var sex = $("input:radio[name=sex]:checked").val();
     if ($.trim($("#firstname").val()) == "") {
    document.getElementById("firstnameerror").innerHTML = "Please write firstname";



    if ($.trim($("#lastname").val()) == "") {
    document.getElementById("lastnameerror").innerHTML = "Please write lastname";



    if (!$("input[name='sex']:checked").val()){
    document.getElementById("gendererror").innerHTML = "Please select your gender";

       }

    }
      }
 }

单击提交按钮时调用

SignUp（）

函数时，必须

返回false才能不提交表单

使用jquery，您可以轻松地执行以下操作：

$('#submitButtonId').click(function(){

 SignUp();
 return false;

})

如果javascript验证后一切正常，您可以执行以下操作：

$（#myFormId）.submit（）

或者干脆说：

<input type="submit" name="send" value="SEND" onclick="SignUp(); return false;" />

您的问题是您没有阻止提交表单的默认行为。试试这个（简化代码）：

功能注册（e）{
var firstname=$（“#firstname”）.val（）；
var lastname=$（“#lastname”）.text（）；
if（$.trim（$（“#firstname”）.val（））==“”）{
$（“#firstnameerror”）.text（“请写firstname”）；
e、 preventDefault（）；//将其放在fiddle上或添加Html代码。将其添加到Html代码中不起作用，什么是fiddle-可以将代码放在这里。我刚刚做了，但它显示了人为错误，但chrome控制台中没有错误。问题是，在哪里编写$（#myFormId）.submit（）；我已经澄清了我的问题，还有一件事需要添加，只需使用类似这样的else方法，如果（$.trim（$（“#lastname”）.val（）==“”）{$（“#lastnamererror”）.text（“请写lastname”）；e.preventDefault（）；}否则{$（“#lastnamererror”）.text（“”；}`
function SignUp(e) {
    var firstname = $("#firstname").val();
    var lastname = $("#lastname").text();

    if ($.trim($("#firstname").val()) == "") {
        $("#firstnameerror").text("Please write firstname");
        e.preventDefault(); // <!-- prevent form submit in case of errors
    }
    else {
        $("#firstnameerror").text('');
    }

    if ($.trim($("#lastname").val()) == "") {
        $("#lastnameerror").text("Please write lastname");
        e.preventDefault();
    }
    else {
        $("#lastnameerror").text("");
    }
}

$('#form').submit(SignUp)