-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

首先在标记后包含<head>jquery-

<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 回答