使用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>

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

});追问

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

温馨提示:内容为网友见解,仅供参考
无其他回答

怎么用jQuery进行表单验证
验证密码是否一致很简单 一句话可以解决 (function(){ \/\/省略代码 if$("#password1").val()!=$("#password2"){ \/\/两次输入不同时执行的代码 } else{ \/\/否则执行的代码 } \/\/省略的代码 }) password1是第一个密码框的id password2是第二个密码框的id 一句if语句就可以搞定 ...

jquery中的表单验证if($.sValid()){是不是写错了?$.valid()这样写表单...
(2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 日期校验ie6出错,慎用 (6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998\/...

JQuery-001:JQuery Validate表单校验
步骤一:建立表单,确保在HTML结构中设置ID标签,以便后续在校验规则中引用。步骤二:引入jQuery Validate插件,通常可通过CDN链接方式引入。步骤三:配置validate校验规则,针对不同表单元素(如输入框、下拉框等)设置验证条件,例如:输入框必填、邮箱格式校验、密码强度要求等。通过`rules`属性定义这些规则,...

jquery表单验证 有2个按钮 一个是提交按钮 一个是暂存按钮! 想实现...
jquery表单验证 有2个按钮 一个是提交按钮 一个是暂存按钮! 想实现提交按钮验证表单,暂存按钮不用验证! 是用的同一个form提交!表单验证用的控件是jQueryformValidator!<inputname="tijiao"type="submit"id="dosubmit"value="提交"class="button"><inputname="zancun"type="submit"id="d... 是用的同一个form...

求js,jquery高手帮我完成表单验证,验证码错误,后台返回3,ajax中的dat...
alt="请输入此验证码,如看不清请点击刷新。" style="cursor: pointer" id="image" \/>

用jquery validate 验证表单输入是否是正整数 怎么写
添加一个用于验证正整数的方法 jQuery.validator.addMethod("positiveinteger", function(value, element) { var aint=parseInt(value);return aint>0&& (aint+"")==value;}, "Please enter a valid number.");("#formId").validate({ rules:{ zzs:{ positiveinteger:true} },message:{ zzs:...

jQuery开发登录注册页面,要有验证
可以使用jQuery开发登录注册页面,并实现验证功能。在jQuery中,可以使用各种插件和工具来实现表单验证。其中,jQuery Validation插件是一个广泛使用的工具,它可以帮助我们轻松地实现表单验证。我们可以使用jQuery Validation插件来验证用户输入的数据是否符合要求,例如检查用户名和密码是否为空、是否符合格式要求等...

两个问题:表单验证不通过还是提交,java中action怎么设置页面不跳转,表 ...
1. 验证时,除了 adUpdateCheck 函数里返回false之外,button 里还需要写成这样:这样才能在返回false的时候不提交表单,因为这种内联方式的onclick事件,引号内部其实是JS语句,而不是只表示JS函数。2. 提交后返回原页面,只需要设置result为提交之前一样的就可以了,比如 return "success" 或者 return ...

jquery怎么实现单页面(jquery单页面)
用jquery制作一个网页,简单一点的,专业人士来解决一下1、你好,直接复制以下代码并保存即可。若有帮助,请采纳。2、打开jquery。导入素材。将电影素材排列到主页。点击编辑后台按钮。在弹出的界面里输入代码就可以了。3、mcDropdown一个允许用户选择下拉菜单的表单插件。高亮表单插件高亮功能可以增加页面的可用...

两个问题:表单验证不通过还是提交,java中action怎么设置页面不跳转,表 ...
1. 验证时,除了 adUpdateCheck 函数里返回false之外,button 里还需要写成这样:这样才能在返回false的时候不提交表单,因为这种内联方式的onclick事件,引号内部其实是JS语句,而不是只表示JS函数。2. 提交后返回原页面,只需要设置result为提交之前一样的就可以了,比如 return "success" 或者 return ...

相似回答