0

HTMLフォームと、ユーザーがクリックしたときにフォームが入力されているかどうかを確認するボタンがあります。請求先住所の詳細は、php を使用してデータベースから入力されます

<button id="btnConfirm" type="submit" onclick="validate()"style="float: right" value="Confirm Payment" >Confirm Payment</button>
<form id="au" name="paymentform" method="post" action="" >
<fieldset class="billing">
<legend>Billing Details</legend>
<br />
<label class="reglabel" for="fname">First Name:</label>
<input id="fname" name="billingfname" required="" type="text" value="<?php echo $fname ?>" /><br />
<label class="reglabel" for="lname">Last Name:</label>
<input id="lname" name="billinglname" required="" type="text" value="<?php echo $lname ?>" /><br />
<label class="reglabel" for="address">Address:</label>
<input id="address" name="billingaddress" required="" type="text" value="<?php echo $address ?>" /><br />
<label class="reglabel" for="town">Town:</label>
<input id="town" name="billingtown" required="" type="text" value="<?php echo $town ?>" /><br />
<label class="reglabel" for="postcode">Post Code:</label>
<input id="postcode" name="billingpostcode" required="" type="text" value="<?php echo $postcode ?>" /><br />
<label class="reglabel" for="phone">Phone:</label>
<input id="phone" name="billingphone" required="" type="text" value="<?php echo $phone ?>" /><br />
<label id="EmailLabel" class="reglabel" for="email">E-mail:</label>
<input id="email" name="billingemail" required="" type="email" value="<?php echo $email ?>" /><br />
</fieldset> 
<fieldset class="shipping">
<legend>Shipping Details</legend>
<br />
<input name="shippingsame" onclick="fillShipping(this.form)" type="checkbox">Check 
    this box if billing address and shipping address are the same <br />
<label class="reglabel" for="fname">First Name:</label>
<input id="fname" name="shippingfname" placeholder="Required" required="" type="text" /><br />
<label class="reglabel" for="lname">Last Name:</label>
<input id="lname" name="shippinglname" placeholder="Required" required="" type="text" /><br />
<label class="reglabel" for="address">Address:</label>
<input id="address" name="shippingaddress" placeholder="Required" required="" type="text" /><br />
<label class="reglabel" for="town">Town:</label>
<input id="town" name="shippingtown" placeholder="Required" required="" type="text" /><br />
<label class="reglabel" for="postcode">Post Code:</label>
<input id="postcode" name="shippingpostcode" placeholder="Required" required="" type="text" /><br />
<label class="reglabel" for="phone">Phone:</label>
<input id="phone" name="shippingphone" placeholder="Required" required="" type="text" /><br />
<label id="EmailLabel" class="reglabel" for="email">E-mail:</label>
<input id="email" name="shippingemail" placeholder="Required" required="" type="email" /><br />
</fieldset> 
   </form>

これは、フィールドが空かどうかを確認しようとしているコードですが、機能していないようです。未定義のアラート

function validate()
{
var firstname = document.getElementsByName("shippingfname").value;
if (firstname == "")
{
    alert('empty'); 
}   
else
{
    alert(firstname);
}
}
4

3 に答える 3

1

関数document.getElementsByNameは配列を返すので、これを試してください：

function validate()
{
var firstname = document.getElementsByName("shippingfname")[0].value;
if (firstname == "")
{
    alert('empty'); 
}   
else
{
    alert(firstname);
}
}
于 2013-04-12T22:54:59.313 に答える
1

または、jquery 検証プラグインを簡単に使用できます。クライアント側の検証に最適ですhttp://docs.jquery.com/Plugins/validation

于 2013-04-12T22:58:22.700 に答える
0

getElementsByName()配列を返します。個々の要素ではありません。この例では、ID 属性を使用して個々の要素にアクセスします。

<input name="shippingsame" id="shippingsame" onclick="fillShipping(this.form)" type="checkbox">

function validate()
{
  var firstname = document.getElementByID("shippingfname").value;
  if (firstname == "")
  {
      alert('empty'); 
  }   
  else
  {
      alert(firstname);
  }
}
于 2013-04-12T22:54:17.320 に答える