Magento: form js validate

案例参考:https://inchoo.net/magento/out-of-the-box-form-validation-in-magento/

magento中如何使用Prototype对form进行验证

Custom Form Validation
添加 Javascript 验证自己的表单是非常简单的。
首先,您需要创建一个form对象 (form.js)<script type="text/javascript">//< ![CDATA[varmyForm= newVarienForm('formId'true);//]]></script>第一个参数,是表单的ID。
第二个参数重新定位光标位置。如果设置为 true,光标将自动移动input首位。设置为 false,则禁用此功能。
现在,您已创建了一个JS对象来表示您的窗体,然后需要将一些验证规则添加到您的input上。<label for="name">Name *</label><input type="text"id="name"name="name"value=""class="required-entry"/><label for="email">Email Address *</label><input type="text"id="email"name="email"value=""class="required-entry validate-email"/>

注意看required-entry和validate-email,它告诉验证规则这个input必须不能为空和必须是正确的email格式地址,否则将不予通过。

案例:验证文本框的数据,前提检查是否引入文件D:\www\qiu\lollicupStore2\app\js\prototype\validation.js

<form
    action="<?php echo $this->getSubmitUrl($_product, array('_secure' => $this->_isSecure())) ?>"
  method="post" id="product_addtocart_form_<?php echo $_product->getId();?>"> 
<input type="text" pattern="\d*(\.\d+)?" name="qty" id="qty" maxlength="12" value="1" title="<?php echo Mage::helper('core')->quoteEscape($this->__('Qty')) ?>" class="input-text qty required-entry validate-number" />
     <button type="button" title="Add to Cart" class="button btn-cart"
      onclick="formSubmit<?php echo $_product->getId();?>(<?php echo $_product->getId();?>)">
            <span>
               <span>Add to Cart</span>
           </span>
    </button>

<script type="text/javascript">
    function formSubmit<?php echo $_product->getId();?>(id) {
        var customForm = new VarienForm("product_addtocart_form_"+id,true);
       if (customForm.validator.validate()) {
         document.getElementById("product_addtocart_form_"+id).submit();
     }
  }
</script>
</form>

Leave a comment

您的电子邮箱地址不会被公开。 必填项已用 * 标注