Question

使用jQuery点击按钮实现表单验证是否输入？在线等解答，谢谢

我想实现的功能是：当点击按钮（input）时，在第一个输入框已经输入，但是第二input还没输入，就要检查他是否有输入，没有输入就要出现提示语；现在存在的问题是：当我第一个输入框，已经输入内容了，但是第二个输入框还没输入，在我点击按钮时，他没有提示语出现，在input都没有输入时，点击提交按钮，这里就可以出现提示语（如下面的图一）；下面是我的代码： <div class="body"><form> <p><span>学号：</span><input class="stu_id" type="text"><i></i></p> <p><span>学生名称：</span><input class="stu_name" type="text"><i></i></p</form></div><input class="stu_add" type="button" value="提交"><script> //判断input不为空的方法 function isEmpty(_val){ if(_val==null || _val=="" || _val==undefined){ return true; } return false; } $(function(){ $(".stu_add").click(function(){ var stu_Id=$(".stu_id").val(); var stu_name=$(".stu_name").val(); $(this).each(function(){ if(isEmpty(stu_Id)){ $(".stu_id").css("border","1px solid #d60a2f"); $(".stu_id").siblings(".red_err").html("*学号不能空！"); } if(isEmpty(stu_name)){ $(".stu_name").css("border","1px solid #d60a2f"); $(".stu_name").siblings(".red_err").html("*学生名称不能为空！") } }); }); }); </script>





Answer 1

$("确认添加按钮的ID").click(function(){
if($("学号输入框的ID").val()==""&&$("学生名称输入框的ID").val()=="")
提示内容的标签.toggle();

});

追问

还是不能解决，我是要点击按钮之后，改变input的边框还有提示语出现，如果用toggle不知道怎么使每个提示语都不一样