Question

我有以下内容：

<input class="required" name="nifpasaporte" id="nifpasaporte" type="text" placeholder="<?php echo JText::_('COM_CSTUDOMUS_NIFPASAPORTE');?>" value="<?php echo $userData->nifpasaporte ?>" required="required" aria-required="true" tabindex="7">

使用jQuery，如何创建一个验证此输入框的功能，只允许输入文本和数字（无特殊字符）。

例如：

function isnumeric(valor){
valor=valor.replace(",",".");
if (valor.match(/^[0-9]*\.*[0-9]+$/))
    return true;
else
    return false;
}

Answer 1

试试这段代码：

// creates a function when the form is submitted
$('form').submit(function(){

    // your string to check
    var str = "mystring001";

    // match function checks if your string contains ONLY text and/or numbers (alphanumeric)
    if (str.match(/[^a-zA-Z0-9]/) {

        // if match
        return true;
    }
});

Answer 2

现在html5本身已经有了验证属性。例如，如果要检查在电子邮件输入字段中输入的内容是否正确，只需将type =“text”更改为type =“email”即可。 use required =“required”。这是一个完成相同工作的JavaScript函数。简单，快速＆amp;容易。

function isNumberKey(evt)
{
     var charCode = (evt.which) ? evt.which : event.keyCode
     if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;

     return true;
  }

以上给定的功能仅允许用户仅输入数字。没有特殊字符和字母。它允许垂直标签＆amp;退格。如果您还希望用户输入字母，只需扩展条件，使用字母表的ASCII值。我认为其b / w 65到92和97到122 ......就像那样。

Answer 3

在表单的submit事件上创建一个处理程序

$('form').submit(function(){
  // your validations

  if (!pass)
    return false; // and prevent form submit
  else
    return true;  // continue with form submit
})

在提交之前验证HTML输入字段

3 个答案: