จะทราบได้อย่างไรว่าสตริงมีอักขระบางตัวใน JavaScript

ฉันมีหน้าเว็บพร้อมกล่องข้อความซึ่งผู้ใช้ควรป้อนรหัสลงทะเบียน 24 ตัวอักษร (ตัวอักษรและตัวเลขตัวพิมพ์เล็กและใหญ่) ฉันใช้maxlengthเพื่อ จำกัด ผู้ใช้ในการป้อน 24 อักขระ

โดยทั่วไปรหัสการลงทะเบียนจะได้รับเป็นกลุ่มของอักขระที่คั่นด้วยเครื่องหมายขีดกลาง แต่ฉันต้องการให้ผู้ใช้ป้อนรหัสโดยไม่ต้องมีเครื่องหมายขีดกลาง

ฉันจะเขียนโค้ด JavaScript โดยไม่มี jQuery เพื่อตรวจสอบว่าสตริงที่กำหนดซึ่งอินพุตของผู้ใช้ไม่มีเครื่องหมายขีดคั่นหรือดีกว่ามีเพียงตัวอักษรและตัวเลขเท่านั้น

ในการค้นหา "hello" ใน your_string

if (your_string.indexOf('hello') > -1)
{
  alert("hello found inside your_string");
}

สำหรับตัวเลขตัวอักษรคุณสามารถใช้นิพจน์ทั่วไป:

http://www.regular-expressions.info/javascript.html

นิพจน์ปกติตัวเลขตัวเลข

ด้วย ES6. รวมถึง()

"FooBar".includes("oo"); // true

"FooBar".includes("foo"); // false

"FooBar".includes("oo", 2); // false

E: ไม่ใช่ suported โดย IE - คุณสามารถใช้ Tilde opperator ~( Bitwise NOT ) กับ. indexOf ()

~"FooBar".indexOf("oo"); // -2 -> true

~"FooBar".indexOf("foo"); // 0 -> false

~"FooBar".indexOf("oo", 2); // 0 -> false

~N => -(N+1)มือสองที่มีจำนวนผู้ประกอบการที่มีประสิทธิภาพไม่หนอน ใช้กับการปฏิเสธคู่!!( Logical NOT ) เพื่อแปลงตัวเลขเป็น bools:

!!~"FooBar".indexOf("oo"); // true

!!~"FooBar".indexOf("foo"); // false

!!~"FooBar".indexOf("oo", 2); // false

หากคุณมีข้อความในตัวแปรfoo:

if (! /^[a-zA-Z0-9]+$/.test(foo)) {
    // Validation failed
}

วิธีนี้จะทดสอบและตรวจสอบให้แน่ใจว่าผู้ใช้ป้อนอักขระอย่างน้อยหนึ่งตัวและป้อนอักขระที่เป็นตัวอักษรและตัวเลขเท่านั้น

ตรวจสอบว่าสตริง (คำ / ประโยค ... ) มีคำ / ตัวอักษรที่เฉพาะเจาะจง

if ( "write something here".indexOf("write som") > -1 )  { alert( "found it" );  } 

ES6มีวิธีการ inbuilt ( includes) ใน String's prototypeซึ่งสามารถใช้เพื่อตรวจสอบว่าสตริงมีสตริงอื่นหรือไม่

var str = 'To be, or not to be, that is the question.';

console.log(str.includes('To be')); 

polyfill ต่อไปนี้สามารถใช้เพื่อเพิ่มวิธีนี้ในเบราว์เซอร์ที่ไม่รองรับ ( ที่มา )

if (!String.prototype.includes) {
  String.prototype.includes = function(search, start) {
    'use strict';
    if (typeof start !== 'number') {
      start = 0;
    }
    
    if (start + search.length > this.length) {
      return false;
    } else {
      return this.indexOf(search, start) !== -1;
    }
  };
}

ใช้นิพจน์ทั่วไปเพื่อทำสิ่งนี้ให้สำเร็จ

function isAlphanumeric( str ) {
 return /^[0-9a-zA-Z]+$/.test(str);
}

คุณคิดหนักเกินไป เพียงใช้นิพจน์ทั่วไปที่เรียบง่ายนั่นคือเพื่อนที่ดีที่สุดของคุณ

var string1 = "Hi Stack Overflow. I like to eat pizza."
var string2 = "Damn, I fail."

var regex = /(pizza)/g // Insert whatever phrase or character you want to find

string1.test(regex); // => true
string2.test(regex); // => false

เรียนรู้ Regex ใน 5 นาที?

หากคุณกำลังค้นหาอักขระในตอนเริ่มต้นหรือตอนท้ายของสตริงคุณสามารถใช้startsWithและendsWith

const country = "pakistan";
country.startsWith('p'); // true
country.endsWith('n');  // true

วิธีทดสอบสำหรับตัวอักษรและตัวเลขเท่านั้น:

if (/^[0-9A-Za-z]+$/.test(yourString))
{
    //there are only alphanumeric characters
}
else
{
    //it contains other characters
}

regex กำลังทดสอบ 1 ชุดขึ้นไป (+) ของชุดอักขระ 0-9, AZ และ az เริ่มต้นด้วยจุดเริ่มต้นของอินพุต (^) และหยุดด้วยจุดสิ้นสุดของอินพุต ($)

คำตอบของ Kevins นั้นถูกต้อง แต่ต้องใช้หมายเลข "เวทย์มนตร์" ดังนี้

var containsChar = s.indexOf(somechar) !== -1;

ในกรณีที่คุณจำเป็นต้องรู้ว่า-1หมายถึงไม่พบ ฉันคิดว่ารุ่นที่ดีขึ้นจะเป็น:

var containsChar = s.indexOf(somechar) >= 0;

ลองสิ่งนี้:

if ('Hello, World!'.indexOf('orl') !== -1)
    alert("The string 'Hello World' contains the substring 'orl'!");
else
    alert("The string 'Hello World' does not contain the substring 'orl'!");

นี่คือตัวอย่าง: http://jsfiddle.net/oliverni/cb8xw/

ฟังก์ชันการค้นหาของ String มีประโยชน์เช่นกัน มันค้นหาตัวละครเช่นเดียวกับ sub_string ในสตริงที่กำหนด

'apple'.search('pl') ผลตอบแทน 2

'apple'.search('x') กลับ -1

หากคุณกำลังอ่านข้อมูลจาก DOM เช่น ap หรือ h1 tag คุณจะต้องใช้ฟังก์ชัน JavaScript ดั้งเดิมสองฟังก์ชันมันเงียบง่าย แต่ จำกัด เพียง es6 อย่างน้อยสำหรับวิธีแก้ปัญหาที่ฉันจะให้ ฉันจะค้นหาแท็ก p ทั้งหมดใน DOM หากข้อความมี "T" ทั้งย่อหน้าจะถูกลบออก ฉันหวังว่าตัวอย่างเล็ก ๆ นี้จะช่วยให้ใครบางคนออกไป!

HTML

<p>Text you need to read one</p>
<p>Text you need to read two</p>
<p>Text you need to read three</p>

JS

let paras = document.querySelectorAll('p');

paras.forEach(p => {
  if(p.textContent.includes('T')){
       p.remove();
    } 
});

ทำงานอย่างสมบูรณ์แบบตัวอย่างนี้จะช่วยได้มาก

<script>    
    function check()
    {
       var val = frm1.uname.value;
       //alert(val);
       if (val.indexOf("@") > 0)
       {
          alert ("email");
          document.getElementById('isEmail1').value = true;
          //alert( document.getElementById('isEmail1').value);
       }else {
          alert("usernam");
          document.getElementById('isEmail1').value = false;
          //alert( document.getElementById('isEmail1').value);
       }
    }
</script>

<body>
    <h1>My form </h1>
    <form action="v1.0/user/login" method="post" id = "frm1">
        <p>
            UserName : <input type="text" id = "uname" name="username" />
        </p>
        <p>
            Password : <input type="text" name="password" />
        </p>
        <p>
            <input type="hidden" class="email" id = "isEmail1" name = "isEmail"/>
        </p>
        <input type="submit" id = "submit" value="Add User" onclick="return check();"/>
    </form>
</body>

การสาธิต: วิธีการรวม () ค้นหาอักขระ“ บรรจุ” ในสตริงทั้งหมดมันจะคืนค่าจริง

var string = "This is a tutsmake.com and this tutorial contains javascript include() method examples."

str.includes("contains");

//The output of this

  true

ตรวจสอบว่าสตริงเป็นตัวอักษรและตัวเลขหรือตัวอักษร + บางตัวอักษรที่ได้รับอนุญาต

วิธีตัวอักษรและตัวเลขที่เร็วที่สุดน่าจะเป็นไปตามที่กล่าวไว้ที่: วิธีที่ดีที่สุดในการตรวจสอบตัวอักษรและตัวเลขใน Javascriptเนื่องจากทำงานในช่วงตัวเลขโดยตรง

จากนั้นเพื่ออนุญาตให้มีตัวอักษรพิเศษอื่น ๆ อีกสองสามอย่างอย่างมีสติเราสามารถใส่ไว้ในการSetค้นหาที่รวดเร็ว

ฉันเชื่อว่าการติดตั้งนี้จะจัดการกับคู่ตัวแทนได้อย่างถูกต้อง

#!/usr/bin/env node

const assert = require('assert');

const char_is_alphanumeric = function(c) {
  let code = c.codePointAt(0);
  return (
    // 0-9
    (code > 47 && code < 58) ||
    // A-Z
    (code > 64 && code < 91) ||
    // a-z
    (code > 96 && code < 123)
  )
}

const is_alphanumeric = function (str) {
  for (let c of str) {
    if (!char_is_alphanumeric(c)) {
      return false;
    }
  }
  return true;
};

// Arbitrarily defined as alphanumeric or '-' or '_'.
const is_almost_alphanumeric = function (str) {
  for (let c of str) {
    if (
      !char_is_alphanumeric(c) &&
      !is_almost_alphanumeric.almost_chars.has(c)
    ) {
      return false;
    }
  }
  return true;
};
is_almost_alphanumeric.almost_chars = new Set(['-', '_']);

assert( is_alphanumeric('aB0'));
assert(!is_alphanumeric('aB0_-'));
assert(!is_alphanumeric('aB0_-*'));
assert(!is_alphanumeric('你好'));

assert( is_almost_alphanumeric('aB0'));
assert( is_almost_alphanumeric('aB0_-'));
assert(!is_almost_alphanumeric('aB0_-*'));
assert(!is_almost_alphanumeric('你好'));

GitHub ต้นน้ำต้นน้ำ

ทดสอบใน Node.js v10.15.1