Question

我用 javascript对表单的数据检验，但是用图片按钮提交数据却没有验证，如何设置图片按钮属性？

javaScript前台校验：

<script type="text/javascript">
jQuery.validator.addMethod("isMobile", function(value, element) {
return this.optional(element) || (/^(1[358]{1}\d{9}|(0\d{2,3})-?\d{7,8})$/.test(value));
}, "请正确填写您的手机号码");

jQuery.validator.addMethod("isName", function(value, element) {
return this.optional(element) || (/^[A-Za-z0-9]+$/.test(value));
}, "请正确填写您的用户名");

$(document).ready(function(){
$("#register").validate({
rules:{
"name":{ required: true, isName: true },
"tel":{ required: true, isMobile: true },
"email":{ required: true, email: true }
}
});
});
</script>

设置的图片按钮
<img src="@{'public/image/login-5.jpg'}" onclick="submit()"
width="81" height="33" border="0" style="cursor: hand" />

点击提交后数据没有验证，如果用type="submit"的按钮就可以验证
如何设置图片按钮？ 在线等！！！
不限定思路，也可以写个function函数来调用

Answer 1

if ( validator.settings.onsubmit ) {

var inputsAndButtons = this.find("input, button");

// allow suppresing validation by adding a cancel class to the submit button
inputsAndButtons.filter(".cancel").click(function () {
validator.cancelSubmit = true;
});

// when a submitHandler is used, capture the submitting button
if (validator.settings.submitHandler) {
inputsAndButtons.filter(":submit").click(function () {
validator.submitButton = this;
});
}

// validate the form on submit
this.submit( function( event ) {

这个是我从源代码中淘出来的，在form中的验证仅仅绑定在input, button这样的标签上。img不会验证的。
非要搞的话，建议将img改成button。然后将背景设置为所需要的图片就可以了。

追问

那请问可不可以修改这个源代码？ 可以的话在哪里修改？

追答

当然可以，这个要看你的外部js放在哪里，但是非常不提倡这么做。这个插件来自官方的，自己更改之后并不会让官方的版本随之更改，造成代码的移植性问题。