<input id="Text1" type="text" /><span id="Text1Note"></span><br />
<input id="Text2" type="text" /><span id="Text2Note"></span><br />
<input id="Text3" type="text" /><span id="Text3Note"></span><br />
<input id="Text4" type="text" /><span id="Text4Note"></span><br />
<input id="Button1" type="button" value="button" onclick="return onsumbit()" />
<script>
//假设文本框1和3必须输入
//focusin事件为光标进入,focusout为光标离开
$("#Text1").focusin(function () {
$("#Text1Note").html("文本框1该项必须填写!");
}).focusout(function () {
if ($("#Text1").val() == "")
$("#Text1Note").html("文本框1该项必须填写!");
else
$("#Text1Note").html("");
});
$("#Text3").focusin(function () {
$("#Text3Note").html("文本框3该项必须填写!");
}).focusout(function () {
if ($("#Text3").val() == "")
$("#Text3Note").html("文本框3该项必须填写!");
else
$("#Text3Note").html("");
});
//不做任何输入直接提交执行提交执行
function onsumbit() {
if ($("#Text1").val() == "")
$("#Text1Note").html("文本框1该项必须填写!");
if ($("#Text3").val() == "")
$("#Text3Note").html("文本框3该项必须填写!");
return false;
}
</script>
分享到:
相关推荐
jquery , 校验大全, jquery实例,绝对实用,好东西不要错过。
php与jquery校验用户名php与jquery校验用户名
详细介绍jquery校验文件的使用,适合初学者和有一定基础的人快速掌握。里面有自己编写的实际案例,供大家参考学习
jquery 校验 文档 word形式 像是说明家demo
使用前需要引入文件 文件包括My97DatePicker日期插件,jquery校验插件jquery.validate.min.js,jquery-1.12.4.min.js
最基本jquery校验用户名密码,表单提交用户
很好的jQuery校验插件,里面有详细的demo。 推荐使用
jquery校验框架,validate扩展错误提示
本工程有两种ajax异步校验注册时输入的username是否与数据库中的值重复,通过mybatis实现数据库,通过servlet或者struts2实现控制层,通过ajax,jquery,json,实现异步校验
日期校验,日期校验Ajax,jquery日期校验,日期校验Ajax,jquery
使用Ajax和jQuery技术做的校验用户名的例子,。适合初学者参考
直接在标签内填入需要校验的格式,非空、数字类型、长度校验等,使用方便,快捷
使用JQuery的方式,在注册页面校验用户名是否已经存在,并作出提示。 我的博文中有预览图,博客路径:https://blog.csdn.net/qq_36654606/article/details/86650080
主要介绍了jquery 校验中国身份证号码实例详解的相关资料,需要的朋友可以参考下
jQuery自定义校验规则,使HTML元素内容匹配自定义的校验方法
jquery 校验插件、不用写坑爹的 取值和正则比较了 http://blog.csdn.net/dandandeshangni/article/details/47339781
jquery xss验证代码,以txt打开,修改http://xxx/jquery.js,保存后加载有问题的jquery,可以出现弹窗
jquery 密码强度 验证,简洁明了,密码分别为6、7、8位时
封装了 jquery校验需要的源码 与使用文档 不要怕你是菜鸟 很快就可运用