0

フォームの検証を修正する必要がありますが、ホスト ページに jQuery が含まれていません。普段ならこんなことも…

if ($("#contactNameAdd").val() !== '' || $("#contactPhoneAdd").val() !== '') {
    $("#contactForm").show()
};

通常のjsでそれを書き直すにはどうすればよいですか?

4

5 に答える 5

1 
var name = document.getElementById("contactNameAdd");
var phone = document.getElementById("contactPhoneAdd");
var form = document.getElementById("contactForm");

if(name.value != '' || phone.value != '') {
   form.style.display = "block";
}
于 2011-11-28T09:13:04.010 に答える
1 
if (document.getElementById('contactNameAdd').value !== '' || document.getElementById('contactPhoneAdd').value !== '') {
    document.getElementById('contactForm').style.display = 'block';
}

プレーンなJavaScriptでは、document.getElementById（'id'）を使用して、id属性に基づいてDOMノードを取得します。.valueDOM入力要素でその値を取得するために使用します。また.style、任意のDOM要素でcss属性を設定するために使用します。この場合、「show」は「display：block;」を意味します。

于 2011-11-28T09:13:10.943 に答える
0

これでうまくいくはずです。

var contactNameAdd = document.getElementById("contactNameAdd");
var contactPhoneAdd = document.getElementById("contactPhoneAdd");

if((contactNameAdd !== null && contactNameAdd.value !== '') || (contactPhoneAdd !== null && contactPhoneAdd.value !== ''))
{
    document.getElementById("contactForm").style.display = 'block';
}
于 2011-11-28T09:13:58.033 に答える
0 
var contactName = document.getElementById('contactNameAdd');
var contactPhone = document.getElementById('contactPhoneAdd');
if(contactName.value !== '' || contactPhone.value !== '') {
  // Different as JQuery, there will be no animation.
  // I assume you use 'display:none' to hide the form.
  var form = document.getElementById('contactForm');
  form.style.display = 'block';
}
于 2011-11-28T09:18:18.980 に答える
0 
if (document.getElemenById('contactNameAdd').value != '' || document.getElementById('contactPhoneAdd').value != '') {
    document.getElementById('contactForm').style.display = 'block';
}

これを試してください - 2 つの値を確認してから、「contactForm」の style.display プロパティを変更します

于 2011-11-28T09:12:22.867 に答える