大佬教程收集整理的这篇文章主要介绍了文本字段验证使用Jquery,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div class="dt_distance_slab"> <g:textField class ="number distanceSlab1" name="distanceSlabCost1" id = "distanceSlabCost1" value=""/> </div> <div class="dt_distance_slab"> <g:textField class ="number distanceSlab2" name="distanceSlabCost2" id = "distanceSlabCost2" value=""/> </div> <div class="dt_distance_slab"> <g:textField class ="number distanceSlab3" name="distanceSlabCost3" id = "distanceSlabCost3" value=""/> </div> <div class="dt_distance_slab"> <g:textField class ="number distanceSlab4" name="distanceSlabCost4" id = "distanceSlabCost4" value=""/> </div> <div class="dt_distance_slab"> <g:textField class ="number distanceSlab5" name="distanceSlabCost5" id = "distanceSlabCost5" value=""/> </div>
这里所有的字段都是可选的..我想放置验证,如果用户想要输入的值..他不能跳过一行之间…如果他想输入一个文本字段的值,上一个文本字段必须有值. .
验证将在提交表单时进行
$(document).ready(function(){ //assuming the validation fires on the click of a button $("#btnSubmit").click(function(){ //set valid variable to true var blnIsValid = true; //loop through each of the text Boxes $(":text[class^='number']").each(function(i){ //start validaTing from the second text Box if(i > 0) { var curTxtBox = $(this); var prevTxtBox = $(":text[class^='number']:eq("+ (i-1) +")"); if($.trim(curTxtBox.val()) != "" && $.trim(prevTxtBox.val()) == "") { alert("Enter value for prevIoUs distance"); //set focus on the text Box prevTxtBox.focus(); //set valid variable to false blnIsValid = false; //exit the loop return false; } } }); return blnIsValid; }); });
以上是大佬教程为你收集整理的文本字段验证使用Jquery全部内容,希望文章能够帮你解决文本字段验证使用Jquery所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。