Heim >Web-Frontend >js-Tutorial >jQuery implementiert die Stapelbeurteilung nicht leerer Textfelder in Formularen (2 Methoden)_jquery

jQuery implementiert die Stapelbeurteilung nicht leerer Textfelder in Formularen (2 Methoden)_jquery

WBOY
WBOYOriginal
2016-05-16 15:26:441525Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie jQuery die Stapelbeurteilung nicht leerer Textfelder in Formularen implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Methode 1:

<script type="text/javascript">
/*
* 批量验证表单非空
* 需要非空验证控件的样式class="mustadd"
*/
$(".mustadd").each(function(){
if($(this).val() == ''){
  alert("该项不可为空!");
  $(this).focus();
  return false;
}
})
</script>

Methode 2:

<script type="text/javascript">
//批量验证表单非空
function checkForm(arr){
  for(var i=0;i<arr.length;i++){
  if($("#"+arr[i][0]).val()==''){
    alert(arr[i][1]);
    $("#"+arr[i][0]).focus();
    return false;
  }
  }
  return true;
};
//调用方式
var arr=new Array(
  new Array('userName','用户名不可为空!'),
  new Array('passwd','密码不可为空!'),
));
if(!checkForm(arr)){
  return false;
}
</script>

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn