ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryでフォーム内の空でないテキストボックスの一括判定を実装(2メソッド)_jquery

jQueryでフォーム内の空でないテキストボックスの一括判定を実装(2メソッド)_jquery

WBOY
リリース: 2016-05-16 15:26:44
オリジナル
1503 人が閲覧しました

この記事の例では、フォーム内のテキスト ボックスが空かどうかを一括判断する jQuery の方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

方法 1:

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

ログイン後にコピー

方法 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>

ログイン後にコピー

この記事が jQuery プログラミングのすべての人に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート