Jquery演習フォーム検証の実装 code_jquery

JQuery 練習フォームの検証

コードをコピー コードは次のとおりです。

🎜>
名前: 🎜>

;td> 年齢:
<入力タイプ ="text" id="年齢" 名前 ="年齢">


性別:
<入力タイプ = "ラジオ" id="性別男性" 名前="性別" 値="男性"> 男性<入力タイプ = "ラジオ" id="性別女性" name="性別" 値 = "女性" チェック済み ="チェック済み">女性

< ; tr>
アドレス:

北京
河北
河南



入力タイプ ="チェックボックス" id = "cbOnTheInternet" name= "checkbox" value ="オンライン" Checked="checked">オンライン
旅行
< input type ="checkbox" id = "cbWatchingTv" name="checkbox" value="映画を見る">映画を見る
;







JQueryコード


コードをコピー


コードは次のとおりです。


$(document).ready( function() {
$("#myform ").submit(function() {
var username=$("#name").val();

var age=$("#age").val(); var sex =$("input[name = '性別'][チェック済み]").val(); var address=$("#add オプション[選択済み]").val(); var size= $("input[name=' checkbox'][checked]").size(); var favouriteArray=Array(size); $("input[name='checkbox'][checked]").each(function) (index,docEl){

favouriteArray[index]=$(this).val();// または docEl.value

});
if(username= ="")
{
alert("性別名を空にすることはできません! ");
$("#name").focus();
return false;
}
if(age=="")
{
alert("年齢空にすることはできません");
$("#age").focus();
return false;
}
if(size==0)
{
alert( "まだ趣味を選んでいません!");
$("input[name='checkbox']").get(0).focus();
return
}
for(var i=0;ialert(favouriteArray[i]);
}
alert('送信成功!'); ;

});