JQuery简单表单验证
2015-04-04 01:39
302 查看
jquery简单表单验证,判断是不是空和格式不对。
注意length后面没有括号$(document).ready(function() { (因为是内容页面,所以id有变化) $('#btnSubmitMessage').click(function() { var txttile = $('#txtTitle').val(); var txtcontent = $('#txtContent').val(); if (txttile == "") { alert("留言的主题不能为空!"); return false; } else if (txttile.length > 15) { alert("标题不能超过15个字哦!"); return false; } else if (txtcontent == "") { alert("留言的内容不能为空!"); return false; } else { // 清空 $('#txtTitle').val(""); $('#txtContent').val(""); return true; } }); });
第二个:
$("form").submit(function(){ var name = $("input[name='name']").val(); // var email = $("input[name='email']").val(); var phone = $("input[name='phone']").val(); var address = $("input[name='address']").val(); if(!$.trim(name)){ alert('姓名不能为空'); return false; } // if(!$.trim(email)){ // alert('邮箱不能为空'); // return false; // } if($.trim(name).length<2){ alert("姓名格式错误!"); return false; } if($.trim(phone).length!=11){ alert("电话格式错误!"); return false; } if(!$.trim(phone)){ alert('电话不能为空'); return false; } if(!$.trim(address)){ alert("详细地址不能为空"); return false; } else{ var phonenumber = $("input[name='phone']").val(); var mphone =phonenumber.substr(3,4); var lphone = phonenumber.replace(mphone,"****"); var namevalue = $("input[name='name']").val(); var namefinal=namevalue[0]+"老师"; var final=namefinal+" "+lphone+" "+"您的订单于"+time+"订购成功,我们正在处理,谢谢!"; alert(final); // var finalapp=document.createElement("li"); // finalapp.innerHTML="final"; // var father=document.getElementById("ul3"); // father.appendChild(finalapp); } });
相关文章推荐
- 【jQuery学习----表单验证】简单的EasyValidator验证框架
- JQuery:表单验证(简单易懂)
- JQuery表单验证插件EasyValidator,超级简单易用!
- jQuery 表单验证控件 比较简单
- JQuery插件第十四个:简单验证表单
- jquery实现简单的表单验证
- jQuery表单验证插件 - 使用方式非常简单,明了
- 简单的表单验证--js,jsp,jquery,java,mysql(前台和后台验证)(
- 简单的表单验证(js、jquery)
- 使用jquery的验证框架,对表单进行验证(简单、基础)
- jquery表单验证插件——使用方式非常简单,明了
- jQuery 对表单的简单验证
- 简单的Jquery表单验证
- jquery 最简单易用的表单验证插件
- 简单的表单验证插件(Jquery写的)
- 天易21----jquery实现简单的表单验证
- jquery表单验证插件——使用方式非常简单,明了
- 用jquery实现简单的表单验证效果
- jQuery之简单的表单验证
- JQuery中一个简单的表单验证的实例