getElementByName验证

Question

我知道如何使用getElementById等方法获取使用JavaScript验证的字段。对于此实例，我需要使用getElementByName方法。我在console.log中有错误'Cannot read property 'nodeValue' of null。

以下是我使用的getElementByName方法的代码

HTML

<button name="button1">Hello</button>
<div class="form-row">    
            <div class="field w100">    
                <label for="primary_phone">Primary phone (digits only) *</label>
                <input type="text" name="primary_phone" id="primary_phone" placeholder="hello"></input>

        </div>
    </div>   
    <div class="form-row">      
        <label for="confirm_phone">Confirm phone (digits only) *</label>
        <input type="text" name="confirm_phone" id="confirm_phone"></input>    
    </div> 
  </div>

的JavaScript

var btn1 = document.getElementsByName('button1')[0];
var btn1Text = btn1.firstChild.nodeValue;
console.log(btn1Text);

以下是返回错误的代码。

HTML

<button id="button">Button</button>

的JavaScript

function validate() {

    var primaryNo = document.getElementsByName('primary_phone')[0];
    var confirmNo = document.getElementsByName('confirm_phone')[0];
    var primaryValue = primaryNo.firstChild.nodeValue;
    var confirmValue = confirmNo.firstChild.nodeValue;

        if (primaryValue !== confirmValue) {
            alert('Numbers do not match');
        } else {
            alert('congratulations')
        }
};

var btn = document.getElementById('button');
btn.addEventListener('click', validate, false);

有什么想法吗？

Answer 1

您可能正在尝试获取其值的input个字段。

在这种情况下，他们没有任何子元素，而是需要让他们value喜欢

var primaryValue = primaryNo.value;
var confirmValue = confirmNo.value;

Answer 2

结果是什么？ var btn1 = document.getElementsByName（＆＃39; button1＆＃39;）[0]; 在console（console.log（btn1）;）？

小心标记名称：button，button1 ...也许你有语法错误。