-1 
<div class="label_left"><label>Name :</label></div>
<div class="text_right"><input type="text" name="usr_name" id="usr_name"  value=""  size="30" /><br  /><br  /></div>

<div class="label_left"><label>Title :</label></div>
<div class="text_right"><input type="text" name="usr_title" id="usr_title"  value=""  size="30" /><br  /><br  /></div>

<div class="label_left"><label>Direct Line :</label></div>
<div class="text_right"><input type="text" name="usr_dline" id="usr_dline"  value=""  size="30" /><br  /><br  /></div>

<div class="label_left"><label>E-Mail :</label></div>
<div class="text_right"><input type="text" name="usr_email" id="usr_email"  value=""  size="30" /><br  /><br  /></div>

<div class="label_left"><label>Organization :</label></div>
<div class="text_right"><input type="text" name="usr_organization" id="usr_organization"  value=""  size="30" /><br  /><br  /></div>

上記のようなコードがあります。jqueryを使用して上記を確認または検証する必要があります。コーディングの例を教えてください。ありがとうございます。

4

2 に答える 2

1 
<script type="text/javascript">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
$(function(){
if($('#usr_name').val()==''){
  alert('Enter Your Name!!!');
  $('#usr_name').focus();
  return false;
}
else if($('#usr_title').val()==''){
  alert('Enter a Title!!!');
  $('#usr_title').focus();
  return false;
}
    ........................
    ........................
    .............
    else{
      return true;
    }
});
</script>

これは jquery 検証の例です

于 2013-07-22T05:55:49.327 に答える
0

最初にタグの後にjqueryを含めます<head>-

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

次のようにこれを行うことができます-

<script>

  if($("#usr_name").val()=="")
  {
    alert("please fill username");
  }

</script>
于 2013-07-22T05:53:34.263 に答える