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
。