Question

在下面的代码中，我已经给出了必需的验证，但它也占用了空格所以我想验证这条线不仅不允许空间或不以空格开头。意味着它可以占用带字符的空格，但不仅仅是空格。

<input type="text" required  placeholder="Lastname Firstname Middlename" id="fullname" name="fullname" class="textbox">

我想在下面的代码行中限制或限制文件上传大小，这需要相同的客户端限制

<input type="file" required  accept=".gif,.jpeg,.png" name="image" id="image"/>

Answer 1

您可以使用HTML5的模式属性并提供正则表达式来避免空格

＆＃13;

<form action="someaction">
   <input type="text" id="fullname" name="fullname" required class="textbox" placeholder="Lastname Firstname Middlename"  pattern="^\S+$">
    <input type="submit" value="submit">
</form>

＆＃13;

Answer 2

如果你拼命想要使用js：

<form onSubmit="return validateForm();">...</form>
<script type="text/javascript">
   function validateForm(){
        var text = this.getElementById('fullname').value;
        text = text.split(' '); //we split the string in an array of strings using     whitespace as separator
        return (text.length == 1); //true when there is only one word, false else.
    }
</script>

Answer 3

try following html code or javascript function --




<!DOCTYPE html>
<html>

<head>
<title>Test Page</title>
<script type="text/javascript">
    function validtxt(){
        var txt = document.getElementById("fullname").value ;
        var len =txt.trim().length;
      
    

if (len < 1)
{

 
      alert("Invalid Text");
}
      
        
        }
</script>
</head>
<body>
<form>

<input type="text" name="fullname" id="fullname" placeholder="ok" onChange="validtxt()" />

</form>
</body>
</html>

Answer 4

请尝试以下代码

$( "#fullname" ).focusout(function() {
    textValue =  $.trim($(this).val());
    if(textValue ==''){
       $.trim($(this).val('')); //to set it blank
    } else {
       return true;
    }
});

客户端验证＆＃34;没有空间允许＆＃34;在输入字段中

4 个答案: