此验证有效,但错误消息显示在单选按钮旁边,移动到单选按钮的默认标签之前。有没有办法让错误消息右对齐?
运行代码看看我的意思。
感谢您的帮助。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Form Validation Demo</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#form1").validate({
rules: {
accept: "required",// simple rule, converted to {required:true}
},
messages: {
accept: "* Required",
}
});
});
</script>
<style type="text/css">
label.error {
color: red;
}
</style>
</head>
<body>
<form id="form1" method="post" action="">
<div>
<input type="radio" name="accept" value="accept" /> Accept
</div>
<input class="submit" type="submit" value="Submit">
</form>
</BODY>
</html>
最佳答案
你可以试试这个:
label.error {
color: red;
position:absolute;
left:75px;
}
关于javascript - jQuery 中的单选按钮验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7700763/