检查部分textvalue是否包含在另一个textvalue中

时间:2018-07-29 10:33:50

标签: javascript html

我试图确认电子邮件是在电子邮件字段ex:email@test.com中写的,与网站字段ex:www.test.com中写的网站有关,所以我不得不使用Javascript函数会在www.之后对网站名称进行切片,并检查其是否在电子邮件字段中。

这是输入表单代码和用户JS脚本:

function owner() {
  var website = document.getElementById(id_website);
  var email = document.getElementById(id_contact_email);
  var y = "www.";
  var website_host = y.slice(y.indexOf(website) + website.length);
  if (email.indexOf(website_host) >= 0) {
    document.getElementById("testing").innerHTML = 'email and website are the same';
  }
}
<input type="text" name="website" maxlength="120" id="id_website">
<input type="email" name="contact_email" onchange="owner();" required="" id="id_contact_email">
<p id="testing">website name here</p>

我写的时候什么都没发生,什么也没有改变,甚至没有触发。

1 个答案:

答案 0 :(得分:2)

您已经错过了getElementById()方法中的单引号,应该访问value并进行进一步处理

function owner() {
  var website = document.getElementById('id_website').value;
  var email = document.getElementById('id_contact_email').value;
  var y = "www.";
  var website_host = y.slice(y.indexOf(website) + website.length);
  if (email.indexOf(website_host) >= 0) {
    document.getElementById("testing").innerHTML = 'email and website are the same';
  }
}
<input type="text" name="website" maxlength="120" id="id_website">
<input type="email" name="contact_email" onchange="owner();" required="" id="id_contact_email">
<p id="testing">website name here</p>