ウェブフォームのパターンとタイトルが機能しない

Question

私はフォームを作成しようとしており、パターンフィールドとタイトルフィールドをJSを使ってプログラム的に設定しようとしています。なぜ誰かがこれがうまくいかない理由を考えて助けてくれますか？ 以下のコードでは、フォームフィールドには何も入力できず、「要求されたフォーマットと一致する」というポップアップエラーが表示されます。

Answer 1

\

var node = document.getElementById("text"); 
 
node.setAttribute("pattern", "\d+"); 
 
node.setAttribute("title", "Six or more characters");

<p>A form with a password field that must contain a positive integer:</p> 
 
<form action="/action_page.php"> 
 
    Enter a number: <input type="text" id="text" name="text"> 
 
    <input type="submit"> 
 
</form>

は、エスケープ文字です。あなたが \を書きたい場合、あなたはあなたがあなたのバックスラッシュをエスケープする必要が \\

var node = document.getElementById("text"); 
 
node.setAttribute("pattern", "\\d+"); 
 
node.setAttribute("title", "Six or more characters"); 
 
node.setAttribute("oninvalid", "setCustomValidity('Six or more characters')"); 
 
// this line is needed to clear the error status onchange, so user can enter newly correct input 
 
node.setAttribute("onchange", "try{setCustomValidity('')}catch(e){}");

<p>A form with a password field that must contain a positive integer:</p> 
 
<form action="/action_page.php"> 
 
    Enter a number: <input type="text" id="text" name="text"> 
 
    <input type="submit"> 
 
</form>