案例参考: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[
var
myForm=
new
VarienForm(
'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>