将jQuery转换为纯javascript
我必须修复一些表单验证,但是主机页中没有jQuery。我通常会这样做将jQuery转换为纯javascript,javascript,jquery,language-translation,Javascript,Jquery,Language Translation,我必须修复一些表单验证,但是主机页中没有jQuery。我通常会这样做 if ($("#contactNameAdd").val() !== '' || $("#contactPhoneAdd").val() !== '') { $("#contactForm").show() }; 如何在普通js中重新编写 if (document.getElemenById('contactNameAdd').value != '' || document.getElementById('conta
if ($("#contactNameAdd").val() !== '' || $("#contactPhoneAdd").val() !== '') {
$("#contactForm").show()
};
如何在普通js中重新编写
if (document.getElemenById('contactNameAdd').value != '' || document.getElementById('contactPhoneAdd').value != '') {
document.getElementById('contactForm').style.display = 'block';
}
尝试此操作-检查2个值,然后更改“contactForm”的style.display属性
var name = document.getElementById("contactNameAdd");
var phone = document.getElementById("contactPhoneAdd");
var form = document.getElementById("contactForm");
if(name.value != '' || phone.value != '') {
form.style.display = "block";
}
在普通javascript中,您使用基于id属性获取DOM节点。您可以对DOM输入元素使用
.value
来获取其值。您可以在任何DOM元素上使用.style
来设置css属性。在这种情况下,“show”意味着“display:block;”这应该可以做到
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';
}
就好像jQuery让人们变得懒惰。。。这很简单。。。任何JavaScript开发人员都应该真正了解这类东西……getElementById感谢ManselUK,没有注意到我在顶部的打字错误。我不想编辑你的帖子——我觉得这有点厚颜无耻!
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';
}
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';
}