Question

我正在创建一个onlineshop，我想使用Javascript（我认为）或JQuery，以便在用户输入有关将新产品添加到数据库的详细信息时使用，例如： - 标题（文字） - 价格（FLOAT） - 描述（文字） - 可用数量（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>

Answer 1

你可以采取两种方式：

阻止他输入除预定字符以外的任何内容：例如，对于具有INT值的字段：

$（'。nonly'）。bind（'keyup blur'，function（）{$（this）.val（$（this）.val（）。replace（/ [^ 0-9] / g， ''））;}）;

验证：

var intRegex = /^\d+$/;
var cellphone = $('#register_phonenum');  
if ((cellphone.val()=='')||(!intRegex.test(cellphone.val()))) {
    /* do something*/
    return false;
}

如何限制用户只输入INT

1 个答案: