フォーム検証のためのJquery検証サンプル

Question

完全にJqueryで新しいですが、jqueryを使用してフォームフィールドを検証する方法がわからないので、サンプルjqueryの検証を表示できますか？

これはjqueryに変換しようとしているコードです。

var x=document.forms["form1"]["org_id_no"].value; 

if (x==null || x=="") 
{ 
    alert("Must have an organisation id number"); 
    return false; 
} 

jqueryでどのようにコード化すればよいですか？

Answer 1

はこれを試してみてください：

$(document).ready(function() { 

    if($('form#login :input#logInUsername').val()=="") 
    { 
     alert("Must have an organisation id number"); 
    } 
}); 

Answer 2

は、要素のidであると仮定すると、org_id_no。

<script type="text/javascript"> 

$(function() { 
    $('YoursubmitbuttonID').live("click",function(){ 
      validateForm();  
       }); 
}); 


    function validateForm() 
    { 
    var x=document.forms["myForm"]["org_id_no"].value; 
    if (x==null || x=="") 
     { 
     alert("Must have an organisation id number"); 
     return false; 
     } 
    } 
</script > 

が.jsファイルを含めることを忘れないでください：これは、以下のjQueryコード

var x = $('#org_id_no').val(); 
if(($.trim(x)).length == 0){ 
alert("Must have an organisation id number"); return false; 
} 

Answer 3

試して対応します。