如何限制用户只输入INT

how to limit user into inputting only INT

本文关键字:输入 INT 用户 何限制      更新时间:2023-09-26

我正在创建一个在线商店,我想使用Javascript(我认为)或JQuery,以便用户在数据库中输入添加新产品的详细信息,如:-标题(文本)-价格(浮动)-说明(文本)-可用数量(INT)

如何设置要进行的检查,并通知用户他对特定字段的数据类型不正确?因为现在我的数据库允许用户添加他想要的任何内容,在产品预览时,字段价格显示为"0英镑"。此外,如果对所有字段的检查都完成并且正常,则会显示一条消息,表明它正常。

低于的代码

<div id="addForm">
     <div id="formHeading"><h2>Add Product</h2></div><p>
    <p>
    <form id = "additems" action="../cms/insert.php" enctype="multipart/form-data" method="post"/>
    <div id="formContents">
      <label for="title">Title of your product:
      <div id="formContents"> </label><input type="text" name="title" style="width: 180px" onfocus="if(this.value==this.defaultValue)this.value=''"    
            onblur="if(this.value=='')this.value=this.defaultValue" 
            value=" title of your product here" maxlength="19" /><p>
      </div>
          <div id="formContents">
      <label for="description">Description of your product:
      <div id="formContents"> </label><input type="text" name="description" style="width: 180px" onfocus="if(this.value==this.defaultValue)this.value=''"    
            onblur="if(this.value=='')this.value=this.defaultValue" 
            value="description of the product" maxlength="19" /><p>
      </div>
      <label for="price">Price:      &pound;    </label><input type="INT" name="price" style="width: 40px" /><p>
      <label for="stock">Quantity:</label><input type="text" name="stock" style="width: 40px" />
      <p>    
      </div> 

您可以通过两种方式实现:

  1. 防止他输入除预期字符以外的任何字符:例如对于将具有INT值的字段:

$('.nolly').bind('keyup-flur',function(){$(this).val($(this).val).replacement(/[^0-9]/g,'');});

  1. 输入后验证:
var intRegex = /^'d+$/;
var cellphone = $('#register_phonenum');  
if ((cellphone.val()=='')||(!intRegex.test(cellphone.val()))) {
    /* do something*/
    return false;
}