Javascript 提交空字段后出现输出错误的问题

Javascript 提交空字段后出现输出错误的问题,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我的脚本有问题,唯一的问题是输出错误。 该错误仅在“提交”按钮后出现。这意味着当字段为空时,它必须输出错误,并且它可以工作,但问题是输出只是砖块 提交 提交 $(“#提交按钮”)。单击(函数(){ 如果($(“#文本_字段1”).val()=”) $('#error_resp')。文本('请填写必填字段'); else if($(“#文本_字段2”).val()==”) $('#error_resp')。文本('请填写必填字段'); 其他的 返回true; }); 您的表单中几乎没有问题

我的脚本有问题,唯一的问题是输出错误。 该错误仅在“提交”按钮后出现。这意味着当字段为空时,它必须输出错误,并且它可以工作,但问题是输出只是砖块


提交
提交

$(“#提交按钮”)。单击(函数(){ 如果($(“#文本_字段1”).val()=”) $('#error_resp')。文本('请填写必填字段'); else if($(“#文本_字段2”).val()==”) $('#error_resp')。文本('请填写必填字段'); 其他的 返回true; });
您的
表单中几乎没有问题

  • 您没有使用
    preventDefault()
    方法来阻止表单的默认行为,以便可以验证inout
  • 另外,您不需要像
    ==”
    这样检查空输入,您只需
    表示我的输入是否为空,然后显示错误消息
  • 您正在
    error\u resp
    中显示错误,理想情况下使用
    .html
    清除以前的消息并替换为新消息
  • 您可以阅读更多关于
    .html

    运行下面的代码段以查看它是否正常工作

    $(“提交”按钮)。单击(功能(e){
    e、 预防默认值();
    if(!$(“#文本_字段1”).val(){
    $('#error_resp').html('请填写第一个必填字段');
    }else if(!$(“#文本_字段2”).val()){
    $('#error_resp').html('请填写第二个必填字段');
    }否则{
    $('#myForm')。提交();
    console.log('一切正常。表单将立即提交')
    }
    });
    
    
    提交
    


    我不太清楚您的问题是什么,但至少您需要在表单提交时返回false,以防止发布数据(在您的if条件中进行最小更改),我如何才能使其提交,因为它似乎有效,但不起作用submitting@michkent请参阅更新的答案。只需使用
    .submit
    else
    条件下将您的from页面提交到后端文件,如
    php