我有一个Joomla网站,其扩展程序可以处理用户注册。这个扩展名有两个名字和名称字段。电子邮件,因此用户必须以下列形式填写姓名和电子邮件地址两次:
Screenshot of the registration
我尝试更改表单以使用第一部分(名称和电子邮件)中的数据,并在“电子邮件通知”部分中使用它。不幸的是它不起作用..
这是第一部分的代码(名称和邮件):
<div class="control-group">
<label class="control-label" for="account_name"> <?php echo JText::_( 'ACCOUNT_NAME' ); ?></label>
<div class="controls">
<input class="inputbox" type="text" name="account_name" id="account_name" size="80" maxlength="250" value="<?php echo $this->account->account_name;?>" <?php if(!$this->account->id) echo "autofocus='autofocus'"; ?> />
</div>
</div>
<div class="control-group newJoomlaAccountField hidden" id="acc_email_group">
<label class="control-label" for="account_email"> <?php echo JText::_( 'ACCOUNT_EMAIL' ); ?></label>
<div class="controls">
<input class="inputbox" type="text" name="account_email" id="account_email" size="80" maxlength="250"/>
<span class="help-inline hidden" id="account_email_error"><?php echo JText::_( 'REQUIRED' ); ?></span>
</div>
</div>
这是第二个“电子邮件通知”的代码:
<div class="control-group">
<label class="control-label" for="name"> <?php echo JText::_( 'YOUR_NAME' ); ?></label>
<div class="controls">
<input class="inputbox" type="text" name="name" id="name" size="80" maxlength="250" value="<?php echo $this->account->name;?>" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="email"> <?php echo JText::_( 'EMAIL' ); ?></label>
<div class="controls">
<input class="inputbox" type="text" name="email" id="email" size="80" maxlength="250" value="<?php echo $this->account->email;?>" />
</div>
</div>
不幸的是,如果用户没有填写第二部分,他们根本就不会收到任何电子邮件通知,因为该扩展程序在管理员中显示了一个空白的电子邮件和名称。任何想法都有这些字段只有一次,但在两个不同的地方使用数据? :)
答案 0 :(得分:0)
我喜欢的一种验证方法,因为它非常灵活,可以根据不同的用例轻松定制,jQuery validate
您可以在网站范围内或仅在表单页面上添加jQuery插件,并添加验证规则
以下是检查表单上是否输入了名称和有效电子邮件地址的示例。 View this live
这是一个相对简单的验证插件应用程序,这里有一些更复杂的例子,更复杂的验证和通过javascript传递的规则:
https://jqueryvalidation.org/files/demo/
希望这有帮助!
<强> HTML 强>
<!-- load jquery validate from CDN -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
<form action="" name="registration">
<label for="firstname">First Name</label>
<input type="text" name="firstname" id="firstname" placeholder="John"><br>
<label for="email">Email</label>
<input type="email" name="email" id="email" placeholder="john@doe.com"><br>
<button type="submit">Register</button>
</form>
<!-- validate form when it's submitted -->
<script type="text/javascript">
(function($) {
$(document).ready(function() {
$("form[name='registration']").validate({
// Specify validation rules
rules: {
firstname: "required",
email: {
required: true,
email: true
}
},
// Specify validation error messages
messages: {
firstname: "Please enter your firstname",
email: "Please enter a valid email address"
},
submitHandler: function(form) {
form.submit();
}
});
});
})(jQuery);
</script>