我如何驗證不使用 jquery 在 textarea 的描述字段中輸入手機號碼

Question

我如何驗證不使用 jquery 在 textarea 的描述字段中輸入手機號碼

 $('#jobpost').click(function () { var phoneno = /^\\d{10}$/; var discription=$('.nicEdit-main').html(); if(discription.value.match(phoneno)) { alert('gdfgdfg') $("#froala-editor").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please do not enter Mobile Number</div>"); $('#jobpost_form').attr('onsubmit','return false;'); } });

Answer 1

嘗試這個

.html

 <div class="container">
    <form id="jobpost_form">
        <div class="row" id="froala-editor">
            <label>Enter Description</label>
            <textarea class="nicEdit-main" placeholder="write about yourself">    
            </textarea>
        </div>
        <button type="submit" id="jobpost">Submit</button>
    </form>
</div>

.js

  $('#jobpost').click((e)=> {
    e.preventDefault();
    var phoneno = /[0-9]{10,12}$/;  // if +91 added it would be 12 
    var discription=$('.nicEdit-main').val();
    if(discription.match(phoneno))
    {
     $("#froala-editor").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please do not enter Mobile Number</div>");
     $('#jobpost_form').attr('onsubmit','return false;');    
    }
});

注意：您可以根據您的要求進行修改。 這個給定的正則表達式實際上檢查應該等於或大於 10-12 位的數字長度以確保為手機號碼。

請隨時發表評論以獲得更多幫助

Answer 2

如果您嘗試在 textarea 字段中驗證手機號碼。

• 使用這種模式/\\d{10}/
• 改變這個$('.nicEdit-main').html(); 到$('.nicEdit-main').val();
• 將discription.value.match(phoneno)更改為此discription.match(phoneno)

在模式中，僅當您只想匹配手機號碼時才使用^和$ 。

Answer 3

根據您的問題，您可以通過其他解決方案，您可以在textarea 中輸入數值之前簡單地限制用戶。

為此，您可以使用 textarea(input) 的按鍵/輸入功能。

   <textarea id="txt" oninput="validateInput(event)"></textarea>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 $("#txt").keydown(function (e) {if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110]) !== -1 || (e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true)) || (e.keyCode >= 35 && e.keyCode <= 40)) {
            return;
        }
        if (e.key === '!' || e.key === '@' || e.key === '#' || e.key === '$' || e.key === '%' || e.key === '^' || e.key === '*' || e.key === '(' || e.key === ')') {
            return;
        }
        if ((e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105)) {
            e.preventDefault();
        }
});



 function validateInput(e) {
            var val = $("#txt").val();
            val = val.replace(/\d+/g, '');
            $("#txt").val(val);
        }

您可以在此處查看工作演示。

希望這可以幫助您，因為您的問題非常獨特。